| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226 |
- var ee = Object.defineProperty;
- var U = Object.getOwnPropertySymbols;
- var te = Object.prototype.hasOwnProperty, oe = Object.prototype.propertyIsEnumerable;
- var F = (t, e, o) => e in t ? ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, k = (t, e) => {
- for (var o in e || (e = {}))
- te.call(e, o) && F(t, o, e[o]);
- if (U)
- for (var o of U(e))
- oe.call(e, o) && F(t, o, e[o]);
- return t;
- };
- var q = (t, e, o) => new Promise((d, n) => {
- var l = (m) => {
- try {
- _(o.next(m));
- } catch (a) {
- n(a);
- }
- }, p = (m) => {
- try {
- _(o.throw(m));
- } catch (a) {
- n(a);
- }
- }, _ = (m) => m.done ? d(m.value) : Promise.resolve(m.value).then(l, p);
- _((o = o.apply(t, e)).next());
- });
- import { g as genComponentStyleHook, m as merge, d as _extends, r as resetComponent, ag as clearFix, t as textEllipsis, i as initDefaultProps, u as useConfigInject, ch as useStyle$1, c as classNames, ci as Element, _ as _objectSpread2, cj as skeletonElementProps, o as omit, ck as Skeleton, cl as SkeletonTitle, cm as filterEmptyWithUndefined, am as flattenChildren, av as Tabs, h as devWarning, bk as customRenderSlot, P as PropTypes, cn as isEmptyElement, co as isPlainObject, aX as getPropsSlot, cp as vNodeType, l as _export_sfc, c5 as getOfficeTreeData, aM as levelOneChildren, aN as levelTwoChildren, a_ as get, U as Button } from "./index2.js";
- import { defineComponent, computed, createVNode, isVNode, h, resolveComponent, openBlock, createElementBlock, withCtx, createTextVNode, toDisplayString, createElementVNode } from "vue";
- import { _ as __unplugin_components_2, a as __unplugin_components_5 } from "./index5.js";
- const genCardHeadStyle = (t) => {
- const {
- antCls: e,
- componentCls: o,
- cardHeadHeight: d,
- cardPaddingBase: n,
- cardHeadTabsMarginBottom: l
- } = t;
- return _extends(_extends({
- display: "flex",
- justifyContent: "center",
- flexDirection: "column",
- minHeight: d,
- marginBottom: -1,
- padding: `0 ${n}px`,
- color: t.colorTextHeading,
- fontWeight: t.fontWeightStrong,
- fontSize: t.fontSizeLG,
- background: "transparent",
- borderBottom: `${t.lineWidth}px ${t.lineType} ${t.colorBorderSecondary}`,
- borderRadius: `${t.borderRadiusLG}px ${t.borderRadiusLG}px 0 0`
- }, clearFix()), {
- "&-wrapper": {
- width: "100%",
- display: "flex",
- alignItems: "center"
- },
- "&-title": _extends(_extends({
- display: "inline-block",
- flex: 1
- }, textEllipsis), {
- [`
- > ${o}-typography,
- > ${o}-typography-edit-content
- `]: {
- insetInlineStart: 0,
- marginTop: 0,
- marginBottom: 0
- }
- }),
- [`${e}-tabs-top`]: {
- clear: "both",
- marginBottom: l,
- color: t.colorText,
- fontWeight: "normal",
- fontSize: t.fontSize,
- "&-bar": {
- borderBottom: `${t.lineWidth}px ${t.lineType} ${t.colorBorderSecondary}`
- }
- }
- });
- }, genCardGridStyle = (t) => {
- const {
- cardPaddingBase: e,
- colorBorderSecondary: o,
- cardShadow: d,
- lineWidth: n
- } = t;
- return {
- width: "33.33%",
- padding: e,
- border: 0,
- borderRadius: 0,
- boxShadow: `
- ${n}px 0 0 0 ${o},
- 0 ${n}px 0 0 ${o},
- ${n}px ${n}px 0 0 ${o},
- ${n}px 0 0 0 ${o} inset,
- 0 ${n}px 0 0 ${o} inset;
- `,
- transition: `all ${t.motionDurationMid}`,
- "&-hoverable:hover": {
- position: "relative",
- zIndex: 1,
- boxShadow: d
- }
- };
- }, genCardActionsStyle = (t) => {
- const {
- componentCls: e,
- iconCls: o,
- cardActionsLiMargin: d,
- cardActionsIconSize: n,
- colorBorderSecondary: l
- } = t;
- return _extends(_extends({
- margin: 0,
- padding: 0,
- listStyle: "none",
- background: t.colorBgContainer,
- borderTop: `${t.lineWidth}px ${t.lineType} ${l}`,
- display: "flex",
- borderRadius: `0 0 ${t.borderRadiusLG}px ${t.borderRadiusLG}px `
- }, clearFix()), {
- "& > li": {
- margin: d,
- color: t.colorTextDescription,
- textAlign: "center",
- "> span": {
- position: "relative",
- display: "block",
- minWidth: t.cardActionsIconSize * 2,
- fontSize: t.fontSize,
- lineHeight: t.lineHeight,
- cursor: "pointer",
- "&:hover": {
- color: t.colorPrimary,
- transition: `color ${t.motionDurationMid}`
- },
- [`a:not(${e}-btn), > ${o}`]: {
- display: "inline-block",
- width: "100%",
- color: t.colorTextDescription,
- lineHeight: `${t.fontSize * t.lineHeight}px`,
- transition: `color ${t.motionDurationMid}`,
- "&:hover": {
- color: t.colorPrimary
- }
- },
- [`> ${o}`]: {
- fontSize: n,
- lineHeight: `${n * t.lineHeight}px`
- }
- },
- "&:not(:last-child)": {
- borderInlineEnd: `${t.lineWidth}px ${t.lineType} ${l}`
- }
- }
- });
- }, genCardMetaStyle = (t) => _extends(_extends({
- margin: `-${t.marginXXS}px 0`,
- display: "flex"
- }, clearFix()), {
- "&-avatar": {
- paddingInlineEnd: t.padding
- },
- "&-detail": {
- overflow: "hidden",
- flex: 1,
- "> div:not(:last-child)": {
- marginBottom: t.marginXS
- }
- },
- "&-title": _extends({
- color: t.colorTextHeading,
- fontWeight: t.fontWeightStrong,
- fontSize: t.fontSizeLG
- }, textEllipsis),
- "&-description": {
- color: t.colorTextDescription
- }
- }), genCardTypeInnerStyle = (t) => {
- const {
- componentCls: e,
- cardPaddingBase: o,
- colorFillAlter: d
- } = t;
- return {
- [`${e}-head`]: {
- padding: `0 ${o}px`,
- background: d,
- "&-title": {
- fontSize: t.fontSize
- }
- },
- [`${e}-body`]: {
- padding: `${t.padding}px ${o}px`
- }
- };
- }, genCardLoadingStyle = (t) => {
- const {
- componentCls: e
- } = t;
- return {
- overflow: "hidden",
- [`${e}-body`]: {
- userSelect: "none"
- }
- };
- }, genCardStyle = (t) => {
- const {
- componentCls: e,
- cardShadow: o,
- cardHeadPadding: d,
- colorBorderSecondary: n,
- boxShadow: l,
- cardPaddingBase: p
- } = t;
- return {
- [e]: _extends(_extends({}, resetComponent(t)), {
- position: "relative",
- background: t.colorBgContainer,
- borderRadius: t.borderRadiusLG,
- [`&:not(${e}-bordered)`]: {
- boxShadow: l
- },
- [`${e}-head`]: genCardHeadStyle(t),
- [`${e}-extra`]: {
- // https://stackoverflow.com/a/22429853/3040605
- marginInlineStart: "auto",
- color: "",
- fontWeight: "normal",
- fontSize: t.fontSize
- },
- [`${e}-body`]: _extends({
- padding: p,
- borderRadius: ` 0 0 ${t.borderRadiusLG}px ${t.borderRadiusLG}px`
- }, clearFix()),
- [`${e}-grid`]: genCardGridStyle(t),
- [`${e}-cover`]: {
- "> *": {
- display: "block",
- width: "100%"
- },
- img: {
- borderRadius: `${t.borderRadiusLG}px ${t.borderRadiusLG}px 0 0`
- }
- },
- [`${e}-actions`]: genCardActionsStyle(t),
- [`${e}-meta`]: genCardMetaStyle(t)
- }),
- [`${e}-bordered`]: {
- border: `${t.lineWidth}px ${t.lineType} ${n}`,
- [`${e}-cover`]: {
- marginTop: -1,
- marginInlineStart: -1,
- marginInlineEnd: -1
- }
- },
- [`${e}-hoverable`]: {
- cursor: "pointer",
- transition: `box-shadow ${t.motionDurationMid}, border-color ${t.motionDurationMid}`,
- "&:hover": {
- borderColor: "transparent",
- boxShadow: o
- }
- },
- [`${e}-contain-grid`]: {
- [`${e}-body`]: {
- display: "flex",
- flexWrap: "wrap"
- },
- [`&:not(${e}-loading) ${e}-body`]: {
- marginBlockStart: -t.lineWidth,
- marginInlineStart: -t.lineWidth,
- padding: 0
- }
- },
- [`${e}-contain-tabs`]: {
- [`> ${e}-head`]: {
- [`${e}-head-title, ${e}-extra`]: {
- paddingTop: d
- }
- }
- },
- [`${e}-type-inner`]: genCardTypeInnerStyle(t),
- [`${e}-loading`]: genCardLoadingStyle(t),
- [`${e}-rtl`]: {
- direction: "rtl"
- }
- };
- }, genCardSizeStyle = (t) => {
- const {
- componentCls: e,
- cardPaddingSM: o,
- cardHeadHeightSM: d
- } = t;
- return {
- [`${e}-small`]: {
- [`> ${e}-head`]: {
- minHeight: d,
- padding: `0 ${o}px`,
- fontSize: t.fontSize,
- [`> ${e}-head-wrapper`]: {
- [`> ${e}-extra`]: {
- fontSize: t.fontSize
- }
- }
- },
- [`> ${e}-body`]: {
- padding: o
- }
- },
- [`${e}-small${e}-contain-tabs`]: {
- [`> ${e}-head`]: {
- [`${e}-head-title, ${e}-extra`]: {
- minHeight: d,
- paddingTop: 0,
- display: "flex",
- alignItems: "center"
- }
- }
- }
- };
- }, useStyle = genComponentStyleHook("Card", (t) => {
- const e = merge(t, {
- cardShadow: t.boxShadowCard,
- cardHeadHeight: t.fontSizeLG * t.lineHeightLG + t.padding * 2,
- cardHeadHeightSM: t.fontSize * t.lineHeight + t.paddingXS * 2,
- cardHeadPadding: t.padding,
- cardPaddingBase: t.paddingLG,
- cardHeadTabsMarginBottom: -t.padding - t.lineWidth,
- cardActionsLiMargin: `${t.paddingSM}px 0`,
- cardActionsIconSize: t.fontSize,
- cardPaddingSM: 12
- // Fixed padding.
- });
- return [
- // Style
- genCardStyle(e),
- // Size
- genCardSizeStyle(e)
- ];
- }), skeletonButtonProps = () => _extends(_extends({}, skeletonElementProps()), {
- size: String,
- block: Boolean
- }), SkeletonButton = defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: "ASkeletonButton",
- props: initDefaultProps(skeletonButtonProps(), {
- size: "default"
- }),
- setup(t) {
- const {
- prefixCls: e
- } = useConfigInject("skeleton", t), [o, d] = useStyle$1(e), n = computed(() => classNames(e.value, `${e.value}-element`, {
- [`${e.value}-active`]: t.active,
- [`${e.value}-block`]: t.block
- }, d.value));
- return () => o(createVNode("div", {
- class: n.value
- }, [createVNode(Element, _objectSpread2(_objectSpread2({}, t), {}, {
- prefixCls: `${e.value}-button`
- }), null)]));
- }
- }), SkeletonInput = defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: "ASkeletonInput",
- props: _extends(_extends({}, omit(skeletonElementProps(), ["shape"])), {
- size: String,
- block: Boolean
- }),
- setup(t) {
- const {
- prefixCls: e
- } = useConfigInject("skeleton", t), [o, d] = useStyle$1(e), n = computed(() => classNames(e.value, `${e.value}-element`, {
- [`${e.value}-active`]: t.active,
- [`${e.value}-block`]: t.block
- }, d.value));
- return () => o(createVNode("div", {
- class: n.value
- }, [createVNode(Element, _objectSpread2(_objectSpread2({}, t), {}, {
- prefixCls: `${e.value}-input`
- }), null)]));
- }
- }), path = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", SkeletonImage = defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: "ASkeletonImage",
- props: omit(skeletonElementProps(), ["size", "shape", "active"]),
- setup(t) {
- const {
- prefixCls: e
- } = useConfigInject("skeleton", t), [o, d] = useStyle$1(e), n = computed(() => classNames(e.value, `${e.value}-element`, d.value));
- return () => o(createVNode("div", {
- class: n.value
- }, [createVNode("div", {
- class: `${e.value}-image`
- }, [createVNode("svg", {
- viewBox: "0 0 1098 1024",
- xmlns: "http://www.w3.org/2000/svg",
- class: `${e.value}-image-svg`
- }, [createVNode("path", {
- d: path,
- class: `${e.value}-image-path`
- }, null)])])]));
- }
- }), avatarProps = () => _extends(_extends({}, skeletonElementProps()), {
- shape: String
- }), SkeletonAvatar = defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: "ASkeletonAvatar",
- props: initDefaultProps(avatarProps(), {
- size: "default",
- shape: "circle"
- }),
- setup(t) {
- const {
- prefixCls: e
- } = useConfigInject("skeleton", t), [o, d] = useStyle$1(e), n = computed(() => classNames(e.value, `${e.value}-element`, {
- [`${e.value}-active`]: t.active
- }, d.value));
- return () => o(createVNode("div", {
- class: n.value
- }, [createVNode(Element, _objectSpread2(_objectSpread2({}, t), {}, {
- prefixCls: `${e.value}-avatar`
- }), null)]));
- }
- });
- Skeleton.Button = SkeletonButton;
- Skeleton.Avatar = SkeletonAvatar;
- Skeleton.Input = SkeletonInput;
- Skeleton.Image = SkeletonImage;
- Skeleton.Title = SkeletonTitle;
- Skeleton.install = function(t) {
- return t.component(Skeleton.name, Skeleton), t.component(Skeleton.Button.name, SkeletonButton), t.component(Skeleton.Avatar.name, SkeletonAvatar), t.component(Skeleton.Input.name, SkeletonInput), t.component(Skeleton.Image.name, SkeletonImage), t.component(Skeleton.Title.name, SkeletonTitle), t;
- };
- const {
- TabPane
- } = Tabs, cardProps = () => ({
- prefixCls: String,
- title: PropTypes.any,
- extra: PropTypes.any,
- bordered: {
- type: Boolean,
- default: !0
- },
- bodyStyle: {
- type: Object,
- default: void 0
- },
- headStyle: {
- type: Object,
- default: void 0
- },
- loading: {
- type: Boolean,
- default: !1
- },
- hoverable: {
- type: Boolean,
- default: !1
- },
- type: {
- type: String
- },
- size: {
- type: String
- },
- actions: PropTypes.any,
- tabList: {
- type: Array
- },
- tabBarExtraContent: PropTypes.any,
- activeTabKey: String,
- defaultActiveTabKey: String,
- cover: PropTypes.any,
- onTabChange: {
- type: Function
- }
- }), Card = defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: "ACard",
- inheritAttrs: !1,
- props: cardProps(),
- slots: Object,
- setup(t, e) {
- let {
- slots: o,
- attrs: d
- } = e;
- const {
- prefixCls: n,
- direction: l,
- size: p
- } = useConfigInject("card", t), [_, m] = useStyle(n), a = (v) => v.map((c, N) => isVNode(c) && !isEmptyElement(c) || !isVNode(c) ? createVNode("li", {
- style: {
- width: `${100 / v.length}%`
- },
- key: `action-${N}`
- }, [createVNode("span", null, [c])]) : null), V = (v) => {
- var u;
- (u = t.onTabChange) === null || u === void 0 || u.call(t, v);
- }, C = function() {
- let v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], u;
- return v.forEach((c) => {
- c && isPlainObject(c.type) && c.type.__ANT_CARD_GRID && (u = !0);
- }), u;
- };
- return () => {
- var v, u, c, N, x, b;
- const {
- headStyle: M = {},
- bodyStyle: I = {},
- loading: E,
- bordered: g = !0,
- type: S,
- tabList: f,
- hoverable: B,
- activeTabKey: $,
- defaultActiveTabKey: s,
- tabBarExtraContent: j = filterEmptyWithUndefined((v = o.tabBarExtraContent) === null || v === void 0 ? void 0 : v.call(o)),
- title: P = filterEmptyWithUndefined((u = o.title) === null || u === void 0 ? void 0 : u.call(o)),
- extra: z = filterEmptyWithUndefined((c = o.extra) === null || c === void 0 ? void 0 : c.call(o)),
- actions: D = filterEmptyWithUndefined((N = o.actions) === null || N === void 0 ? void 0 : N.call(o)),
- cover: H = filterEmptyWithUndefined((x = o.cover) === null || x === void 0 ? void 0 : x.call(o))
- } = t, y = flattenChildren((b = o.default) === null || b === void 0 ? void 0 : b.call(o)), r = n.value, K = {
- [`${r}`]: !0,
- [m.value]: !0,
- [`${r}-loading`]: E,
- [`${r}-bordered`]: g,
- [`${r}-hoverable`]: !!B,
- [`${r}-contain-grid`]: C(y),
- [`${r}-contain-tabs`]: f && f.length,
- [`${r}-${p.value}`]: p.value,
- [`${r}-type-${S}`]: !!S,
- [`${r}-rtl`]: l.value === "rtl"
- }, X = createVNode(Skeleton, {
- loading: !0,
- active: !0,
- paragraph: {
- rows: 4
- },
- title: !1
- }, {
- default: () => [y]
- }), G = $ !== void 0, J = {
- size: "large",
- [G ? "activeKey" : "defaultActiveKey"]: G ? $ : s,
- onChange: V,
- class: `${r}-head-tabs`
- };
- let R;
- const O = f && f.length ? createVNode(Tabs, J, {
- default: () => [f.map((w) => {
- const {
- tab: W,
- slots: T
- } = w, L = T == null ? void 0 : T.tab;
- devWarning(!T, "Card", "tabList slots is deprecated, Please use `customTab` instead.");
- let A = W !== void 0 ? W : o[L] ? o[L](w) : null;
- return A = customRenderSlot(o, "customTab", w, () => [A]), createVNode(TabPane, {
- tab: A,
- key: w.key,
- disabled: w.disabled
- }, null);
- })],
- rightExtra: j ? () => j : null
- }) : null;
- (P || z || O) && (R = createVNode("div", {
- class: `${r}-head`,
- style: M
- }, [createVNode("div", {
- class: `${r}-head-wrapper`
- }, [P && createVNode("div", {
- class: `${r}-head-title`
- }, [P]), z && createVNode("div", {
- class: `${r}-extra`
- }, [z])]), O]));
- const Q = H ? createVNode("div", {
- class: `${r}-cover`
- }, [H]) : null, Y = createVNode("div", {
- class: `${r}-body`,
- style: I
- }, [E ? X : y]), Z = D && D.length ? createVNode("ul", {
- class: `${r}-actions`
- }, [a(D)]) : null;
- return _(createVNode("div", _objectSpread2(_objectSpread2({
- ref: "cardContainerRef"
- }, d), {}, {
- class: [K, d.class]
- }), [R, Q, y && y.length ? Y : null, Z]));
- };
- }
- }), cardMetaProps = () => ({
- prefixCls: String,
- title: vNodeType(),
- description: vNodeType(),
- avatar: vNodeType()
- }), Meta = defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: "ACardMeta",
- props: cardMetaProps(),
- slots: Object,
- setup(t, e) {
- let {
- slots: o
- } = e;
- const {
- prefixCls: d
- } = useConfigInject("card", t);
- return () => {
- const n = {
- [`${d.value}-meta`]: !0
- }, l = getPropsSlot(o, t, "avatar"), p = getPropsSlot(o, t, "title"), _ = getPropsSlot(o, t, "description"), m = l ? createVNode("div", {
- class: `${d.value}-meta-avatar`
- }, [l]) : null, a = p ? createVNode("div", {
- class: `${d.value}-meta-title`
- }, [p]) : null, V = _ ? createVNode("div", {
- class: `${d.value}-meta-description`
- }, [_]) : null, C = a || V ? createVNode("div", {
- class: `${d.value}-meta-detail`
- }, [a, V]) : null;
- return createVNode("div", {
- class: n
- }, [m, C]);
- };
- }
- }), cardGridProps = () => ({
- prefixCls: String,
- hoverable: {
- type: Boolean,
- default: !0
- }
- }), Grid = defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: "ACardGrid",
- __ANT_CARD_GRID: !0,
- props: cardGridProps(),
- setup(t, e) {
- let {
- slots: o
- } = e;
- const {
- prefixCls: d
- } = useConfigInject("card", t), n = computed(() => ({
- [`${d.value}-grid`]: !0,
- [`${d.value}-grid-hoverable`]: t.hoverable
- }));
- return () => {
- var l;
- return createVNode("div", {
- class: n.value
- }, [(l = o.default) === null || l === void 0 ? void 0 : l.call(o)]);
- };
- }
- });
- Card.Meta = Meta;
- Card.Grid = Grid;
- Card.install = function(t) {
- return t.component(Card.name, Card), t.component(Meta.name, Meta), t.component(Grid.name, Grid), t;
- };
- const _sfc_main = {
- name: "TodoCommon",
- data() {
- return {
- drawer1Visible: !1,
- drawerVisible: !1,
- modalVisible: !1,
- iconModalVisible: !1,
- userValue: "",
- userIds: [],
- treeValue: "",
- treeSelectValue: "",
- content: "",
- options: [],
- emptyIcon: new URL("../static/img/empty.png", import.meta.url).href
- };
- },
- methods: {
- handSModalCancel(t) {
- console.log(t);
- },
- recursionChildren(t, e) {
- return getOfficeTreeData(t, e);
- },
- levelOneChildren(t) {
- return levelOneChildren(t);
- },
- levelTwoChildren(t) {
- return levelTwoChildren(t);
- },
- initOptions() {
- return q(this, null, function* () {
- this.options = yield getOfficeTreeData();
- });
- },
- handDrawerConfirm() {
- this.$message.success("点击了确定");
- },
- showMessage(t) {
- const e = typeof t == "object" ? t.method : t, o = k({
- method: e,
- content: `${t.content || e}`
- }, t);
- o.key || (o.key = "1"), o.method === "destroy" ? this.$message[o.method](o.key) : this.$message[o.method](o);
- },
- showNotice(t) {
- const e = typeof t == "object" ? t : {
- method: t
- };
- e.key || (e.key = "1"), e.method === "close" && this.$notice.close(e.key), this.$notice[e.method]({
- key: e.key,
- message: e.message || "提示",
- description: e.description || `点击了【${e.method}】按钮`
- });
- },
- showModal(t) {
- let e = {};
- typeof t == "object" ? e = t : e = {
- method: t
- };
- const o = k({
- title: e.method,
- content: h("div", {}, ["测试modal确认框"]),
- onOk() {
- console.log("ok");
- }
- }, e);
- this.$modal[e.method](o);
- },
- handUserChange(t, e, o) {
- this.userValue = e, this.userIds = o;
- },
- resultFn(str, data) {
- for (var reg = /\{(.+?)\}/, reg_g = /\{(.+?)\}/g, result = str.match(reg_g) || [], i = 0; i < result.length; i++) {
- var item = result[i];
- const t = item.match(reg)[1], e = get(data, t);
- str = str.replace(`{${t}}`, e);
- }
- try {
- return eval(str);
- } catch (t) {
- return console.log(t), !1;
- }
- }
- },
- mounted() {
- this.initOptions();
- const t = {
- amount: 3,
- answer: "option2",
- recordMap: {
- name: "张三1"
- }
- };
- this.resultFn("'{amount}' > 1 && '{recordMap.name}' === '张三1'", t);
- }
- }, _hoisted_1 = { class: "todo-common" }, _hoisted_2 = { class: "mt-20 mb-20" }, _hoisted_3 = { class: "message-wrap" }, _hoisted_4 = { class: "item" }, _hoisted_5 = { class: "item" }, _hoisted_6 = { class: "item" }, _hoisted_7 = { class: "item" }, _hoisted_8 = { class: "message-wrap" }, _hoisted_9 = { class: "item" }, _hoisted_10 = { class: "item" }, _hoisted_11 = { class: "item" }, _hoisted_12 = { class: "item" }, _hoisted_13 = { class: "item" }, _hoisted_14 = { class: "item" }, _hoisted_15 = { class: "message-wrap" }, _hoisted_16 = { class: "item" }, _hoisted_17 = { class: "item" }, _hoisted_18 = { class: "item" }, _hoisted_19 = { class: "item" }, _hoisted_20 = { class: "item" }, _hoisted_21 = { class: "item" }, _hoisted_22 = { class: "drawer-list" }, _hoisted_23 = { class: "item" }, _hoisted_24 = { class: "icon-wrap" }, _hoisted_25 = { class: "item" }, _hoisted_26 = { class: "icon-wrap" }, _hoisted_27 = { class: "item" }, _hoisted_28 = { class: "icon-wrap" }, _hoisted_29 = { class: "icon-list" }, _hoisted_30 = { class: "item" }, _hoisted_31 = { class: "icon-wrap" }, _hoisted_32 = { class: "item" }, _hoisted_33 = { class: "item" }, _hoisted_34 = { class: "icon-wrap" }, _hoisted_35 = { class: "select-wrap" }, _hoisted_36 = { class: "item" }, _hoisted_37 = { class: "user-select-wrap mb-50" }, _hoisted_38 = { class: "tree-select" }, _hoisted_39 = { class: "item" }, _hoisted_40 = { class: "user-select-wrap mb-50" }, _hoisted_41 = { class: "tree-select" }, _hoisted_42 = { class: "item" }, _hoisted_43 = { class: "cascader-wrap mb-50" }, _hoisted_44 = { class: "cascader-cont" }, _hoisted_45 = { class: "tree-wrap mb-50" }, _hoisted_46 = { class: "tree-select" }, _hoisted_47 = { class: "tree-select-wrap mb-50" }, _hoisted_48 = { class: "tree-select" }, _hoisted_49 = { class: "editor-wrap mb-50" }, _hoisted_50 = { class: "empty-wrap mb-50" }, _hoisted_51 = { class: "item" }, _hoisted_52 = { class: "item-cont" }, _hoisted_53 = { class: "item" }, _hoisted_54 = { class: "item-cont" }, _hoisted_55 = { class: "item" }, _hoisted_56 = { class: "item-cont" }, _hoisted_57 = { class: "item" }, _hoisted_58 = { class: "item-cont" }, _hoisted_59 = { class: "item" }, _hoisted_60 = { class: "item-cont" }, _hoisted_61 = { class: "item" }, _hoisted_62 = { class: "item-cont" };
- function _sfc_render(t, e, o, d, n, l) {
- const p = resolveComponent("router-link"), _ = __unplugin_components_2, m = __unplugin_components_5, a = Button, V = resolveComponent("s-drawer"), C = resolveComponent("s-modal"), v = resolveComponent("s-icon-select"), u = resolveComponent("s-icon-modal"), c = resolveComponent("s-icon"), N = resolveComponent("s-office-select"), x = resolveComponent("s-user-select"), b = resolveComponent("s-cascader"), M = resolveComponent("s-tree"), I = resolveComponent("s-tree-select"), E = resolveComponent("s-editor"), g = resolveComponent("s-empty"), S = resolveComponent("s-file-upload"), f = resolveComponent("s-copper-upload"), B = resolveComponent("s-dragger-upload"), $ = Card;
- return openBlock(), createElementBlock("div", _hoisted_1, [
- createVNode($, { title: "代办页" }, {
- default: withCtx(() => [
- createVNode(m, null, {
- default: withCtx(() => [
- createVNode(_, { span: 2 }, {
- default: withCtx(() => [
- createVNode(p, { to: "/workbench/index" }, {
- default: withCtx(() => [
- createTextVNode(toDisplayString(t.$l("工作台", "workbench")), 1)
- ]),
- _: 1
- })
- ]),
- _: 1
- }),
- createVNode(_, { span: 2 }, {
- default: withCtx(() => [
- createVNode(p, { to: "/housing/listings" }, {
- default: withCtx(() => [
- createTextVNode(toDisplayString(t.$l("业务页", "business")), 1)
- ]),
- _: 1
- })
- ]),
- _: 1
- })
- ]),
- _: 1
- }),
- createElementVNode("div", _hoisted_2, [
- e[74] || (e[74] = createElementVNode("div", { class: "mb-20" }, [
- createTextVNode(" this.$modal.xxxx(config) || window.$modal.xxxx(config); "),
- createElementVNode("br")
- ], -1)),
- createElementVNode("div", _hoisted_3, [
- createElementVNode("div", _hoisted_4, [
- createVNode(a, {
- onClick: e[0] || (e[0] = (s) => l.showModal({ method: "success" }))
- }, {
- default: withCtx(() => e[31] || (e[31] = [
- createTextVNode(" success ")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_5, [
- createVNode(a, {
- onClick: e[1] || (e[1] = (s) => l.showModal("error"))
- }, {
- default: withCtx(() => e[32] || (e[32] = [
- createTextVNode("error")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_6, [
- createVNode(a, {
- onClick: e[2] || (e[2] = (s) => l.showModal("info"))
- }, {
- default: withCtx(() => e[33] || (e[33] = [
- createTextVNode("info")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_7, [
- createVNode(a, {
- onClick: e[3] || (e[3] = (s) => l.showModal("warning"))
- }, {
- default: withCtx(() => e[34] || (e[34] = [
- createTextVNode("warning")
- ])),
- _: 1
- })
- ])
- ]),
- e[75] || (e[75] = createElementVNode("div", { class: "mb-20" }, "this.$notice.xxxx(config) || window.$notice.xxxx(config)", -1)),
- createElementVNode("div", _hoisted_8, [
- createElementVNode("div", _hoisted_9, [
- createVNode(a, {
- onClick: e[4] || (e[4] = (s) => l.showNotice({ method: "success" }))
- }, {
- default: withCtx(() => e[35] || (e[35] = [
- createTextVNode("success")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_10, [
- createVNode(a, {
- onClick: e[5] || (e[5] = (s) => l.showNotice("error"))
- }, {
- default: withCtx(() => e[36] || (e[36] = [
- createTextVNode("error")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_11, [
- createVNode(a, {
- onClick: e[6] || (e[6] = (s) => l.showNotice("info"))
- }, {
- default: withCtx(() => e[37] || (e[37] = [
- createTextVNode("info")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_12, [
- createVNode(a, {
- onClick: e[7] || (e[7] = (s) => l.showNotice("warn"))
- }, {
- default: withCtx(() => e[38] || (e[38] = [
- createTextVNode("warn")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_13, [
- createVNode(a, {
- onClick: e[8] || (e[8] = (s) => l.showNotice("open"))
- }, {
- default: withCtx(() => e[39] || (e[39] = [
- createTextVNode("open")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_14, [
- createVNode(a, {
- onClick: e[9] || (e[9] = (s) => l.showNotice("close"))
- }, {
- default: withCtx(() => e[40] || (e[40] = [
- createTextVNode("close open")
- ])),
- _: 1
- })
- ])
- ]),
- e[76] || (e[76] = createElementVNode("div", { class: "mb-20" }, "this.$message.xxxx(config) || window.$message.xxxx(config)", -1)),
- createElementVNode("div", _hoisted_15, [
- createElementVNode("div", _hoisted_16, [
- createVNode(a, {
- onClick: e[10] || (e[10] = (s) => l.showMessage("success"))
- }, {
- default: withCtx(() => e[41] || (e[41] = [
- createTextVNode("success")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_17, [
- createVNode(a, {
- onClick: e[11] || (e[11] = (s) => l.showMessage("error"))
- }, {
- default: withCtx(() => e[42] || (e[42] = [
- createTextVNode("error")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_18, [
- createVNode(a, {
- onClick: e[12] || (e[12] = (s) => l.showMessage("info"))
- }, {
- default: withCtx(() => e[43] || (e[43] = [
- createTextVNode("info")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_19, [
- createVNode(a, {
- onClick: e[13] || (e[13] = (s) => l.showMessage("warn"))
- }, {
- default: withCtx(() => e[44] || (e[44] = [
- createTextVNode("warn")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_20, [
- createVNode(a, {
- onClick: e[14] || (e[14] = (s) => l.showMessage("loading"))
- }, {
- default: withCtx(() => e[45] || (e[45] = [
- createTextVNode("loading")
- ])),
- _: 1
- })
- ]),
- createElementVNode("div", _hoisted_21, [
- createVNode(a, {
- onClick: e[15] || (e[15] = (s) => l.showMessage("destroy"))
- }, {
- default: withCtx(() => e[46] || (e[46] = [
- createTextVNode("close message")
- ])),
- _: 1
- })
- ])
- ]),
- createElementVNode("div", _hoisted_22, [
- createElementVNode("div", _hoisted_23, [
- e[49] || (e[49] = createElementVNode("div", { class: "title mb-20" }, "抽屉组件 - footer默认模式", -1)),
- createElementVNode("div", _hoisted_24, [
- createVNode(a, {
- onClick: e[16] || (e[16] = (s) => n.drawer1Visible = !0)
- }, {
- default: withCtx(() => e[47] || (e[47] = [
- createTextVNode("打开抽屉")
- ])),
- _: 1
- }),
- createVNode(V, {
- value: n.drawer1Visible,
- "onUpdate:value": e[17] || (e[17] = (s) => n.drawer1Visible = s),
- footer: "",
- onConfirm: l.handDrawerConfirm,
- title: "抽屉组件"
- }, {
- default: withCtx(() => e[48] || (e[48] = [
- createElementVNode("div", { class: "content" }, "抽屉中得内容", -1)
- ])),
- _: 1
- }, 8, ["value", "onConfirm"])
- ])
- ]),
- createElementVNode("div", _hoisted_25, [
- e[54] || (e[54] = createElementVNode("div", { class: "title mb-20" }, "抽屉组件 - footer插槽模式", -1)),
- createElementVNode("div", _hoisted_26, [
- createVNode(a, {
- onClick: e[18] || (e[18] = (s) => n.drawerVisible = !0)
- }, {
- default: withCtx(() => e[50] || (e[50] = [
- createTextVNode("打开抽屉")
- ])),
- _: 1
- }),
- createVNode(V, {
- value: n.drawerVisible,
- "onUpdate:value": e[19] || (e[19] = (s) => n.drawerVisible = s),
- title: "抽屉组件"
- }, {
- footer: withCtx(() => [
- createVNode(a, null, {
- default: withCtx(() => e[51] || (e[51] = [
- createTextVNode("取消")
- ])),
- _: 1
- }),
- createVNode(a, { type: "primary" }, {
- default: withCtx(() => e[52] || (e[52] = [
- createTextVNode("确定")
- ])),
- _: 1
- })
- ]),
- default: withCtx(() => [
- e[53] || (e[53] = createElementVNode("div", { class: "content" }, "抽屉中得内容", -1))
- ]),
- _: 1
- }, 8, ["value"])
- ])
- ]),
- createElementVNode("div", _hoisted_27, [
- e[56] || (e[56] = createElementVNode("div", { class: "title mb-20" }, "可拖拽可全屏弹窗Modal", -1)),
- createElementVNode("div", _hoisted_28, [
- createVNode(a, {
- onClick: e[20] || (e[20] = (s) => n.modalVisible = !0)
- }, {
- default: withCtx(() => e[55] || (e[55] = [
- createTextVNode("打开弹窗")
- ])),
- _: 1
- }),
- createVNode(C, {
- value: n.modalVisible,
- "onUpdate:value": e[21] || (e[21] = (s) => n.modalVisible = s),
- title: "弹窗组件"
- }, null, 8, ["value"])
- ])
- ])
- ]),
- createElementVNode("div", _hoisted_29, [
- createElementVNode("div", _hoisted_30, [
- e[57] || (e[57] = createElementVNode("div", { class: "title mb-20" }, "icon下拉列表", -1)),
- createElementVNode("div", _hoisted_31, [
- createVNode(v, { width: 300 })
- ])
- ]),
- createElementVNode("div", _hoisted_32, [
- e[59] || (e[59] = createElementVNode("div", { class: "title mb-20" }, "Icon弹窗组件", -1)),
- createVNode(a, {
- onClick: e[22] || (e[22] = (s) => n.iconModalVisible = !0)
- }, {
- default: withCtx(() => e[58] || (e[58] = [
- createTextVNode("查看图标")
- ])),
- _: 1
- }),
- createVNode(u, {
- value: n.iconModalVisible,
- "onUpdate:value": e[23] || (e[23] = (s) => n.iconModalVisible = s)
- }, null, 8, ["value"])
- ]),
- createElementVNode("div", _hoisted_33, [
- e[60] || (e[60] = createElementVNode("div", { class: "title mb-20" }, "icon组件 默认size 16px, color 为主题色", -1)),
- createElementVNode("div", _hoisted_34, [
- createVNode(c, {
- name: "AccountBookFilled",
- size: 32,
- color: "red"
- })
- ])
- ])
- ]),
- createElementVNode("div", _hoisted_35, [
- createElementVNode("div", _hoisted_36, [
- createElementVNode("div", _hoisted_37, [
- e[61] || (e[61] = createElementVNode("div", { class: "title mb-20" }, "岗位选择", -1)),
- createElementVNode("div", _hoisted_38, [
- createVNode(N, {
- onChange: l.handUserChange,
- ids: n.userIds,
- "onUpdate:ids": e[24] || (e[24] = (s) => n.userIds = s),
- names: n.userValue,
- "onUpdate:names": e[25] || (e[25] = (s) => n.userValue = s)
- }, null, 8, ["onChange", "ids", "names"])
- ])
- ])
- ]),
- createElementVNode("div", _hoisted_39, [
- createElementVNode("div", _hoisted_40, [
- e[62] || (e[62] = createElementVNode("div", { class: "title mb-20" }, "人员选择", -1)),
- createElementVNode("div", _hoisted_41, [
- createVNode(x, {
- onChange: l.handUserChange,
- ids: n.userIds,
- "onUpdate:ids": e[26] || (e[26] = (s) => n.userIds = s),
- names: n.userValue,
- "onUpdate:names": e[27] || (e[27] = (s) => n.userValue = s)
- }, null, 8, ["onChange", "ids", "names"])
- ])
- ])
- ]),
- createElementVNode("div", _hoisted_42, [
- createElementVNode("div", _hoisted_43, [
- e[63] || (e[63] = createElementVNode("div", { class: "title mb-20" }, "联级选择", -1)),
- createElementVNode("div", _hoisted_44, [
- createVNode(b, { options: n.options }, null, 8, ["options"])
- ])
- ])
- ])
- ]),
- createElementVNode("div", _hoisted_45, [
- e[64] || (e[64] = createElementVNode("div", { class: "title mb-20" }, "tree树", -1)),
- createElementVNode("div", _hoisted_46, [
- createVNode(M, {
- levelOneChildren: l.levelOneChildren,
- levelTwoChildren: l.levelTwoChildren,
- modelValue: n.treeValue,
- "onUpdate:modelValue": e[28] || (e[28] = (s) => n.treeValue = s)
- }, null, 8, ["levelOneChildren", "levelTwoChildren", "modelValue"])
- ])
- ]),
- createElementVNode("div", _hoisted_47, [
- e[65] || (e[65] = createElementVNode("div", { class: "title mb-20" }, "下拉树", -1)),
- createElementVNode("div", _hoisted_48, [
- createVNode(I, {
- modelValue: n.treeSelectValue,
- "onUpdate:modelValue": e[29] || (e[29] = (s) => n.treeSelectValue = s),
- recursionChildren: l.recursionChildren
- }, null, 8, ["modelValue", "recursionChildren"])
- ])
- ]),
- createElementVNode("div", _hoisted_49, [
- e[66] || (e[66] = createElementVNode("div", { class: "title mb-20" }, "富文本", -1)),
- createVNode(E, {
- modelValue: n.content,
- "onUpdate:modelValue": e[30] || (e[30] = (s) => n.content = s)
- }, null, 8, ["modelValue"])
- ]),
- e[77] || (e[77] = createElementVNode("div", { class: "title mb-20" }, "空数据组件", -1)),
- createElementVNode("div", _hoisted_50, [
- createElementVNode("div", _hoisted_51, [
- e[67] || (e[67] = createElementVNode("div", { class: "item-title" }, "默认", -1)),
- createElementVNode("div", _hoisted_52, [
- createVNode(g)
- ])
- ]),
- createElementVNode("div", _hoisted_53, [
- e[68] || (e[68] = createElementVNode("div", { class: "item-title" }, "无描述", -1)),
- createElementVNode("div", _hoisted_54, [
- createVNode(g, { desc: "" })
- ])
- ]),
- createElementVNode("div", _hoisted_55, [
- e[69] || (e[69] = createElementVNode("div", { class: "item-title" }, "第二种图标", -1)),
- createElementVNode("div", _hoisted_56, [
- createVNode(g, { type: "2" })
- ])
- ]),
- createElementVNode("div", _hoisted_57, [
- e[70] || (e[70] = createElementVNode("div", { class: "item-title" }, "自定义描述", -1)),
- createElementVNode("div", _hoisted_58, [
- createVNode(g, { desc: "没有数据" })
- ])
- ]),
- createElementVNode("div", _hoisted_59, [
- e[72] || (e[72] = createElementVNode("div", { class: "item-title" }, "自定义插槽描述", -1)),
- createElementVNode("div", _hoisted_60, [
- createVNode(g, null, {
- default: withCtx(() => e[71] || (e[71] = [
- createTextVNode("无数据")
- ])),
- _: 1
- })
- ])
- ]),
- createElementVNode("div", _hoisted_61, [
- e[73] || (e[73] = createElementVNode("div", { class: "item-title" }, "自定义图标", -1)),
- createElementVNode("div", _hoisted_62, [
- createVNode(g, { icon: n.emptyIcon }, null, 8, ["icon"])
- ])
- ])
- ]),
- e[78] || (e[78] = createElementVNode("div", { class: "mb-50" }, null, -1)),
- createVNode(S, {
- listType: "picture-card",
- label: t.$l("卡片附件列表")
- }, null, 8, ["label"]),
- e[79] || (e[79] = createElementVNode("div", { class: "mb-50" }, null, -1)),
- createVNode(S, {
- listType: "picture",
- label: t.$l("行附件列表")
- }, null, 8, ["label"]),
- e[80] || (e[80] = createElementVNode("div", { class: "mb-50" }, null, -1)),
- createVNode(f, { label: "裁切上传附件列表" }),
- e[81] || (e[81] = createElementVNode("div", { class: "mb-50" }, null, -1)),
- createVNode(B, { label: "拖拽上传附件列表" })
- ])
- ]),
- _: 1
- })
- ]);
- }
- const todo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5e5fc79b"]]);
- export {
- todo as default
- };
|