vft 0.0.375 → 0.0.376

package/lib/components/message/message.vue2.cjs

@@ -1,156 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const constants = require("@vft/constants");
-const use = require("@vft/use");
-const utils = require("@vft/utils");
-const index = require("../icon/index.cjs");
-const core = require("@vueuse/core");
-require("../config-provider/index.cjs");
-const instance = require("./instance.cjs");
-const useGlobalConfig = require("../config-provider/hooks/use-global-config.cjs");
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "message",
-  props: {
-    customClass: {},
-    center: { type: Boolean },
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: {},
-    icon: {},
-    id: {},
-    message: { type: [String, Object, Function] },
-    onClose: { type: Function },
-    showClose: { type: Boolean },
-    type: {},
-    offset: {},
-    zIndex: {},
-    grouping: { type: Boolean },
-    repeatNum: {}
-  },
-  emits: ["destroy"],
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { ns, zIndex } = useGlobalConfig.useGlobalComponentSettings("message");
-    const { currentZIndex, nextZIndex } = zIndex;
-    const messageRef = vue.ref();
-    const visible = vue.ref(false);
-    const height = vue.ref(0);
-    let stopTimer = void 0;
-    const iconCfgMap = /* @__PURE__ */ new Map([
-      ["success", { icon: "icon-success-filled" }],
-      ["error", { icon: "icon-circle-close-filled" }],
-      ["warning", { icon: "icon-warning-filled" }]
-    ]);
-    const iconCfg = vue.computed(() => {
-      const _iconCfg = props.icon ? utils.isObject(props.icon) ? props.icon : { icon: props.icon } : "";
-      return _iconCfg || iconCfgMap.get(props.type) || "";
-    });
-    const typeClass = vue.computed(() => {
-      const type = props.type;
-      return { [ns.bm("icon", type)]: type };
-    });
-    const lastOffset = vue.computed(() => instance.getLastOffset(props.id));
-    const offset = vue.computed(
-      () => instance.getOffsetOrSpace(props.id, props.offset) + lastOffset.value
-    );
-    const bottom = vue.computed(() => height.value + offset.value);
-    const customStyle = vue.computed(() => ({
-      top: `${offset.value}px`,
-      zIndex: currentZIndex.value
-    }));
-    function startTimer() {
-      if (props.duration === 0) return;
-      ({ stop: stopTimer } = core.useTimeoutFn(() => {
-        close();
-      }, props.duration));
-    }
-    function clearTimer() {
-      stopTimer?.();
-    }
-    function close() {
-      visible.value = false;
-    }
-    function keydown({ code }) {
-      if (code === constants.EVENT_CODE.esc) {
-        close();
-      }
-    }
-    vue.onMounted(() => {
-      startTimer();
-      nextZIndex();
-      visible.value = true;
-    });
-    vue.watch(
-      () => props.repeatNum,
-      () => {
-        clearTimer();
-        startTimer();
-      }
-    );
-    use.useEventListener(document, "keydown", keydown);
-    core.useResizeObserver(messageRef, () => {
-      height.value = messageRef.value.getBoundingClientRect().height;
-    });
-    __expose({
-      visible,
-      bottom,
-      close
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: vue.unref(ns).b("fade"),
-        onBeforeLeave: _ctx.onClose,
-        onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createElementVNode("div", {
-            id: _ctx.id,
-            ref_key: "messageRef",
-            ref: messageRef,
-            class: vue.normalizeClass([
-              vue.unref(ns).b(),
-              { [vue.unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
-              vue.unref(ns).is("center", _ctx.center),
-              vue.unref(ns).is("closable", _ctx.showClose),
-              _ctx.customClass
-            ]),
-            style: vue.normalizeStyle(customStyle.value),
-            role: "alert",
-            onMouseenter: clearTimer,
-            onMouseleave: startTimer
-          }, [
-            iconCfg.value?.icon ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass([vue.unref(ns).e("icon"), typeClass.value])
-            }, [
-              vue.createVNode(vue.unref(index.VftIcon), vue.normalizeProps(vue.guardReactiveProps(iconCfg.value)), null, 16)
-            ], 2)) : vue.createCommentVNode("", true),
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).e("content"))
-              }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock("p", {
-                key: 1,
-                class: vue.normalizeClass(vue.unref(ns).e("content")),
-                innerHTML: _ctx.message
-              }, null, 10, _hoisted_2))
-            ]),
-            _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
-              onClick: vue.withModifiers(close, ["stop"])
-            }, [
-              vue.createVNode(vue.unref(index.VftIcon), { icon: "icon-circle-close" })
-            ], 2)) : vue.createCommentVNode("", true)
-          ], 46, _hoisted_1), [
-            [vue.vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name", "onBeforeLeave"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vft/constants"),E=require("@vft/use"),L=require("@vft/utils"),p=require("../icon/index.cjs"),g=require("@vueuse/core");require("../config-provider/index.cjs");const v=require("./instance.cjs"),O=require("../config-provider/hooks/use-global-config.cjs"),N=["id"],V=["innerHTML"],I=e.defineComponent({__name:"message",props:{customClass:{},center:{type:Boolean},dangerouslyUseHTMLString:{type:Boolean},duration:{},icon:{},id:{},message:{type:[String,Object,Function]},onClose:{type:Function},showClose:{type:Boolean},type:{},offset:{},zIndex:{},grouping:{type:Boolean},repeatNum:{}},emits:["destroy"],setup(y,{expose:C}){const n=y,{ns:t,zIndex:k}=O.useGlobalComponentSettings("message"),{currentZIndex:B,nextZIndex:b}=k,i=e.ref(),s=e.ref(!1),l=e.ref(0);let a;const h=new Map([["success",{icon:"icon-success-filled"}],["error",{icon:"icon-circle-close-filled"}],["warning",{icon:"icon-warning-filled"}]]),u=e.computed(()=>(n.icon?L.isObject(n.icon)?n.icon:{icon:n.icon}:"")||h.get(n.type)||""),w=e.computed(()=>{const o=n.type;return{[t.bm("icon",o)]:o}}),M=e.computed(()=>v.getLastOffset(n.id)),f=e.computed(()=>v.getOffsetOrSpace(n.id,n.offset)+M.value),S=e.computed(()=>l.value+f.value),z=e.computed(()=>({top:`${f.value}px`,zIndex:B.value}));function c(){n.duration!==0&&({stop:a}=g.useTimeoutFn(()=>{r()},n.duration))}function d(){a?.()}function r(){s.value=!1}function T({code:o}){o===q.EVENT_CODE.esc&&r()}return e.onMounted(()=>{c(),b(),s.value=!0}),e.watch(()=>n.repeatNum,()=>{d(),c()}),E.useEventListener(document,"keydown",T),g.useResizeObserver(i,()=>{l.value=i.value.getBoundingClientRect().height}),C({visible:s,bottom:S,close:r}),(o,m)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(t).b("fade"),onBeforeLeave:o.onClose,onAfterLeave:m[0]||(m[0]=R=>o.$emit("destroy"))},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:o.id,ref_key:"messageRef",ref:i,class:e.normalizeClass([e.unref(t).b(),{[e.unref(t).m(o.type)]:o.type&&!o.icon},e.unref(t).is("center",o.center),e.unref(t).is("closable",o.showClose),o.customClass]),style:e.normalizeStyle(z.value),role:"alert",onMouseenter:d,onMouseleave:c},[u.value?.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("icon"),w.value])},[e.createVNode(e.unref(p.VftIcon),e.normalizeProps(e.guardReactiveProps(u.value)),null,16)],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},()=>[o.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(t).e("content")),innerHTML:o.message},null,10,V)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(t).e("content"))},e.toDisplayString(o.message),3))]),o.showClose?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("closeBtn")),onClick:e.withModifiers(r,["stop"])},[e.createVNode(e.unref(p.VftIcon),{icon:"icon-circle-close"})],2)):e.createCommentVNode("",!0)],46,N),[[e.vShow,s.value]])]),_:3},8,["name","onBeforeLeave"]))}});exports.default=I;

package/lib/components/message/method.cjs

@@ -1,123 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@vft/utils");
-const vue = require("vue");
-require("../config-provider/index.cjs");
-const core = require("@vueuse/core");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const instance = require("./instance.cjs");
-const message_vue_vue_type_script_setup_true_lang = require("./message.vue2.cjs");
-const types = require("./types.cjs");
-const constants = require("../config-provider/constants.cjs");
-let seed = 1;
-const normalizeOptions = (params) => {
-  const options = !params || utils.isString(params) || vue.isVNode(params) || utils.isFunction(params) ? { message: params } : params;
-  const normalized = {
-    ...types.messageDefaults,
-    ...options
-  };
-  if (!normalized.appendTo) {
-    normalized.appendTo = document.body;
-  } else if (utils.isString(normalized.appendTo)) {
-    let appendTo = document.querySelector(normalized.appendTo);
-    if (!utils.isElement(appendTo)) {
-      error.debugWarn(
-        "VftMessage",
-        "the appendTo option is not an HTMLElement. Falling back to document.body."
-      );
-      appendTo = document.body;
-    }
-    normalized.appendTo = appendTo;
-  }
-  return normalized;
-};
-const closeMessage = (instance$1) => {
-  const idx = instance.instances.indexOf(instance$1);
-  if (idx === -1) return;
-  instance.instances.splice(idx, 1);
-  const { handler } = instance$1;
-  handler.close();
-};
-const createMessage = ({ appendTo, ...options }, context) => {
-  const id = `message_${seed++}`;
-  const userOnClose = options.onClose;
-  const container = document.createElement("div");
-  const props = {
-    ...options,
-    id,
-    onClose: () => {
-      userOnClose?.();
-      closeMessage(instance2);
-    },
-    // 清除 message element 防止内存泄漏
-    onDestroy: () => {
-      vue.render(null, container);
-    }
-  };
-  const vnode = vue.createVNode(
-    message_vue_vue_type_script_setup_true_lang.default,
-    props,
-    utils.isFunction(props.message) || vue.isVNode(props.message) ? {
-      default: utils.isFunction(props.message) ? props.message : () => props.message
-    } : null
-  );
-  vnode.appContext = context || message._context;
-  vue.render(vnode, container);
-  appendTo.appendChild(container.firstElementChild);
-  const vm = vnode.component;
-  const handler = {
-    // instead of calling the onClose function directly,
-    // setting this value so that we can have the full lifecycle
-    // for out component, so that all closing steps will not be skipped.
-    close: () => {
-      vm.exposed.visible.value = false;
-    }
-  };
-  const instance2 = {
-    id,
-    vnode,
-    vm,
-    handler,
-    props: vnode.component.props
-  };
-  return instance2;
-};
-const message = (options = {}, context) => {
-  if (!core.isClient) return { close: () => void 0 };
-  if (utils.isNumber(constants.messageConfig.max) && instance.instances.length >= constants.messageConfig.max) {
-    return { close: () => void 0 };
-  }
-  const normalized = normalizeOptions(options);
-  if (normalized.grouping && instance.instances.length) {
-    const instance2 = instance.instances.find(
-      ({ vnode: vm }) => vm.props?.message === normalized.message
-    );
-    if (instance2) {
-      instance2.props.repeatNum += 1;
-      instance2.props.type = normalized.type;
-      return instance2.handler;
-    }
-  }
-  const instance$1 = createMessage(normalized, context);
-  instance.instances.push(instance$1);
-  return instance$1.handler;
-};
-types.messageTypes.forEach((type) => {
-  message[type] = (options = {}, appContext) => {
-    const normalized = normalizeOptions(options);
-    return message({ ...normalized, type }, appContext);
-  };
-});
-function closeAll(type) {
-  for (const instance$1 of instance.instances) {
-    if (!type || type === instance$1.props.type) {
-      instance$1.handler.close();
-    }
-  }
-}
-message.closeAll = closeAll;
-message._context = null;
-exports.closeAll = closeAll;
-exports.default = message;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@vft/utils"),d=require("vue");require("../config-provider/index.cjs");const q=require("@vueuse/core"),_=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const r=require("./instance.cjs"),y=require("./message.vue2.cjs"),f=require("./types.cjs"),m=require("../config-provider/constants.cjs");let T=1;const h=e=>{const s=!e||t.isString(e)||d.isVNode(e)||t.isFunction(e)?{message:e}:e,n={...f.messageDefaults,...s};if(!n.appendTo)n.appendTo=document.body;else if(t.isString(n.appendTo)){let o=document.querySelector(n.appendTo);t.isElement(o)||(_.debugWarn("VftMessage","the appendTo option is not an HTMLElement. Falling back to document.body."),o=document.body),n.appendTo=o}return n},b=e=>{const s=r.instances.indexOf(e);if(s===-1)return;r.instances.splice(s,1);const{handler:n}=e;n.close()},C=({appendTo:e,...s},n)=>{const o=`message_${T++}`,i=s.onClose,a=document.createElement("div"),c={...s,id:o,onClose:()=>{i?.(),b(g)},onDestroy:()=>{d.render(null,a)}},u=d.createVNode(y.default,c,t.isFunction(c.message)||d.isVNode(c.message)?{default:t.isFunction(c.message)?c.message:()=>c.message}:null);u.appContext=n||l._context,d.render(u,a),e.appendChild(a.firstElementChild);const p=u.component,g={id:o,vnode:u,vm:p,handler:{close:()=>{p.exposed.visible.value=!1}},props:u.component.props};return g},l=(e={},s)=>{if(!q.isClient)return{close:()=>{}};if(t.isNumber(m.messageConfig.max)&&r.instances.length>=m.messageConfig.max)return{close:()=>{}};const n=h(e);if(n.grouping&&r.instances.length){const i=r.instances.find(({vnode:a})=>a.props?.message===n.message);if(i)return i.props.repeatNum+=1,i.props.type=n.type,i.handler}const o=C(n,s);return r.instances.push(o),o.handler};f.messageTypes.forEach(e=>{l[e]=(s={},n)=>{const o=h(s);return l({...o,type:e},n)}});function v(e){for(const s of r.instances)(!e||e===s.props.type)&&s.handler.close()}l.closeAll=v;l._context=null;exports.closeAll=v;exports.default=l;

package/lib/components/message/style/css.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-message.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-message.css");

package/lib/components/message/style/index.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/message.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/message.scss");

package/lib/components/message/types.cjs

@@ -1,23 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@vueuse/core");
-const messageTypes = ["success", "info", "warning", "error"];
-const messageDefaults = {
-  customClass: "",
-  center: false,
-  dangerouslyUseHTMLString: false,
-  duration: 3e3,
-  icon: void 0,
-  id: "",
-  message: "",
-  onClose: void 0,
-  showClose: false,
-  type: "info",
-  offset: 16,
-  zIndex: 0,
-  grouping: false,
-  repeatNum: 1,
-  appendTo: core.isClient ? document.body : void 0
-};
-exports.messageDefaults = messageDefaults;
-exports.messageTypes = messageTypes;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vueuse/core"),s=["success","info","warning","error"],o={customClass:"",center:!1,dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",offset:16,zIndex:0,grouping:!1,repeatNum:1,appendTo:e.isClient?document.body:void 0};exports.messageDefaults=o;exports.messageTypes=s;

package/lib/components/modal/index.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const modal_vue_vue_type_script_setup_true_lang = require("./modal.vue2.cjs");
-require("../button/index.cjs");
-require("../row/index.cjs");
-const useModal = require("./use/use-modal.cjs");
-const VftModal = install.withInstall(modal_vue_vue_type_script_setup_true_lang.default);
-exports.useModal = useModal.useModal;
-exports.useModalInner = useModal.useModalInner;
-exports.VftModal = VftModal;
-exports.default = VftModal;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const u=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./modal.vue2.cjs");require("../button/index.cjs");require("../row/index.cjs");const e=require("./use/use-modal.cjs"),r=u.withInstall(t.default);exports.useModal=e.useModal;exports.useModalInner=e.useModalInner;exports.VftModal=r;exports.default=r;

package/lib/components/modal/modal-footer-action.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const modalFooterAction_vue_vue_type_script_setup_true_lang = require("./modal-footer-action.vue2.cjs");
-exports.default = modalFooterAction_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./modal-footer-action.vue2.cjs");exports.default=e.default;

package/lib/components/modal/modal-footer-action.vue2.cjs

@@ -1,68 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$1 = require("../row/index.cjs");
-const index$2 = require("../button/index.cjs");
-require("../super-form/index.cjs");
-require("./index.cjs");
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "modal-footer-action",
-  props: {
-    showSubmitButton: { type: Boolean },
-    showCancelButton: { type: Boolean },
-    submitButtonOptions: {},
-    cancelButtonOptions: {},
-    actionRowOptions: {}
-  },
-  setup(__props) {
-    const ns = index.useNamespace("form-action");
-    const _actionRowOptions = vue.computed(() => {
-      return {
-        justify: "end",
-        ...__props.actionRowOptions
-      };
-    });
-    const getSubmitBtnOptions = vue.computed(
-      () => Object.assign({ btnText: "确认" }, __props.submitButtonOptions)
-    );
-    const getCancelBtnOptions = vue.computed(
-      () => Object.assign({ btnText: "取消" }, __props.cancelButtonOptions)
-    );
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftRow), vue.normalizeProps(vue.guardReactiveProps(_actionRowOptions.value)), {
-        default: vue.withCtx(() => [
-          _ctx.showCancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftButton), vue.mergeProps({ key: 0 }, getCancelBtnOptions.value, {
-            class: vue.unref(ns).e("cancel")
-          }), {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(getCancelBtnOptions.value.btnText), 1)
-            ]),
-            _: 1
-          }, 16, ["class"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "submitBefore"),
-          _ctx.showSubmitButton ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftButton), vue.mergeProps({
-            key: 1,
-            type: "primary",
-            class: vue.unref(ns).e("submit")
-          }, getSubmitBtnOptions.value), {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(getSubmitBtnOptions.value.btnText), 1)
-            ]),
-            _: 1
-          }, 16, ["class"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "submitAfter")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../row/index.cjs"),s=require("../button/index.cjs");require("../super-form/index.cjs");require("./index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const c=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=e.defineComponent({__name:"modal-footer-action",props:{showSubmitButton:{type:Boolean},showCancelButton:{type:Boolean},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},setup(o){const n=c.useNamespace("form-action"),i=e.computed(()=>({justify:"end",...o.actionRowOptions})),r=e.computed(()=>Object.assign({btnText:"确认"},o.submitButtonOptions)),u=e.computed(()=>Object.assign({btnText:"取消"},o.cancelButtonOptions));return(t,p)=>(e.openBlock(),e.createBlock(e.unref(a.VftRow),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[t.showCancelButton?(e.openBlock(),e.createBlock(e.unref(s.VftButton),e.mergeProps({key:0},u.value,{class:e.unref(n).e("cancel")}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.btnText),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitBefore"),t.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(s.VftButton),e.mergeProps({key:1,type:"primary",class:e.unref(n).e("submit")},r.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value.btnText),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitAfter")]),_:3},16))}});exports.default=l;

package/lib/components/modal/modal.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const modal_vue_vue_type_script_setup_true_lang = require("./modal.vue2.cjs");
-exports.default = modal_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./modal.vue2.cjs");exports.default=e.default;

package/lib/components/modal/modal.vue2.cjs

@@ -1,161 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const index = require("../dialog/index.cjs");
-const modalFooterAction_vue_vue_type_script_setup_true_lang = require("./modal-footer-action.vue2.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "modal",
-  props: {
-    closeFunc: {},
-    showActionButtonGroup: { type: Boolean, default: false },
-    confirmLoading: { type: Boolean },
-    loading: { type: Boolean },
-    appendToBody: { type: Boolean, default: false },
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: false },
-    closeOnClickModal: { type: Boolean, default: true },
-    closeOnPressEscape: { type: Boolean, default: true },
-    lockScroll: { type: Boolean, default: true },
-    modal: { type: Boolean, default: true },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modelValue: { type: Boolean, default: false },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: false },
-    center: { type: Boolean, default: false },
-    alignCenter: { type: Boolean, default: false },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: false },
-    fullscreen: { type: Boolean, default: false },
-    showClose: { type: Boolean, default: true },
-    title: { default: "" },
-    showSubmitButton: { type: Boolean, default: true },
-    showCancelButton: { type: Boolean, default: true },
-    submitButtonOptions: {},
-    cancelButtonOptions: {},
-    actionRowOptions: {}
-  },
-  emits: {
-    "visible-change": [],
-    close: [],
-    ok: [],
-    register: [],
-    "update:modelValue": [],
-    submit: []
-  },
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = vue.useAttrs();
-    const propsRef = vue.ref(null);
-    const visibleRef = vue.ref(false);
-    const modalWrapperRef = vue.ref(null);
-    const modalMethods = {
-      setModalProps,
-      emitVisible: void 0,
-      redoModalHeight: () => {
-        vue.nextTick(() => {
-          if (vue.unref(modalWrapperRef)) {
-            vue.unref(modalWrapperRef).setModalHeight();
-          }
-        });
-      }
-    };
-    const instance = vue.getCurrentInstance();
-    if (instance) {
-      emit("register", modalMethods, instance.uid);
-    }
-    const getMergeProps = vue.computed(() => {
-      return {
-        ...props,
-        ...vue.unref(propsRef)
-      };
-    });
-    const getBindValue = vue.computed(() => {
-      return {
-        ...attrs,
-        ...vue.unref(getMergeProps),
-        modelValue: vue.unref(visibleRef)
-      };
-    });
-    vue.watchEffect(() => {
-      visibleRef.value = !!props.modelValue;
-    });
-    vue.watch(
-      () => vue.unref(visibleRef),
-      (v) => {
-        emit("visible-change", v);
-        emit("update:modelValue", v);
-        if (instance) {
-          vue.nextTick(() => {
-            modalMethods.emitVisible(v, instance.uid);
-          });
-        }
-        vue.nextTick(() => {
-          if (props.scrollTop && v && vue.unref(modalWrapperRef)) {
-            vue.unref(modalWrapperRef).scrollTop();
-          }
-        });
-      },
-      {
-        immediate: false
-      }
-    );
-    async function handleCancel(e) {
-      e?.stopPropagation();
-      if (props.closeFunc && utils.isFunction(props.closeFunc)) {
-        const isClose = await props.closeFunc();
-        visibleRef.value = !isClose;
-        return;
-      }
-      visibleRef.value = false;
-      emit("close", e);
-    }
-    function setModalProps(props2) {
-      propsRef.value = utils.deepMerge(vue.unref(propsRef) || {}, props2);
-      if (Reflect.has(props2, "modelValue")) {
-        visibleRef.value = !!props2.modelValue;
-      }
-    }
-    const _cancelButtonOptions = vue.computed(() => {
-      return {
-        onClick: (e) => handleCancel(e),
-        ...props.cancelButtonOptions
-      };
-    });
-    const _submitButtonOptions = vue.computed(() => {
-      return {
-        onClick: () => emit("submit"),
-        ...props.submitButtonOptions
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index.VftDialog), vue.mergeProps(getBindValue.value, { onClose: handleCancel }), vue.createSlots({
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots.footer || _ctx.showActionButtonGroup ? {
-          name: "footer",
-          fn: vue.withCtx(() => [
-            _ctx.showActionButtonGroup ? (vue.openBlock(), vue.createBlock(modalFooterAction_vue_vue_type_script_setup_true_lang.default, {
-              key: 0,
-              "show-cancel-button": _ctx.showCancelButton,
-              "show-submit-button": _ctx.showSubmitButton,
-              "cancel-button-options": _cancelButtonOptions.value,
-              "submit-button-options": _submitButtonOptions.value
-            }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : vue.createCommentVNode("", true)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils"),w=require("../dialog/index.cjs"),C=require("./modal-footer-action.vue2.cjs"),v=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},confirmLoading:{type:Boolean},loading:{type:Boolean},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:{"visible-change":[],close:[],ok:[],register:[],"update:modelValue":[],submit:[]},setup(d,{emit:p}){const o=d,n=p,m=e.useAttrs(),s=e.ref(null),l=e.ref(!1),u=e.ref(null),c={setModalProps:y,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(u)&&e.unref(u).setModalHeight()})}},a=e.getCurrentInstance();a&&n("register",c,a.uid);const B=e.computed(()=>({...o,...e.unref(s)})),b=e.computed(()=>({...m,...e.unref(B),modelValue:e.unref(l)}));e.watchEffect(()=>{l.value=!!o.modelValue}),e.watch(()=>e.unref(l),t=>{n("visible-change",t),n("update:modelValue",t),a&&e.nextTick(()=>{c.emitVisible(t,a.uid)}),e.nextTick(()=>{o.scrollTop&&t&&e.unref(u)&&e.unref(u).scrollTop()})},{immediate:!1});async function i(t){if(t?.stopPropagation(),o.closeFunc&&f.isFunction(o.closeFunc)){const r=await o.closeFunc();l.value=!r;return}l.value=!1,n("close",t)}function y(t){s.value=f.deepMerge(e.unref(s)||{},t),Reflect.has(t,"modelValue")&&(l.value=!!t.modelValue)}const h=e.computed(()=>({onClick:t=>i(t),...o.cancelButtonOptions})),g=e.computed(()=>({onClick:()=>n("submit"),...o.submitButtonOptions}));return(t,r)=>(e.openBlock(),e.createBlock(e.unref(w.VftDialog),e.mergeProps(b.value,{onClose:i}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer||t.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[t.showActionButtonGroup?(e.openBlock(),e.createBlock(C.default,{key:0,"show-cancel-button":t.showCancelButton,"show-submit-button":t.showSubmitButton,"cancel-button-options":h.value,"submit-button-options":g.value},null,8,["show-cancel-button","show-submit-button","cancel-button-options","submit-button-options"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040))}});exports.default=v;

package/lib/components/modal/style/css.cjs

@@ -1,5 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-dialog.css");
-require("vft/theme-style/vft-overlay.css");
-require("vft/theme-style/vft-modal.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-dialog.css");require("vft/theme-style/vft-overlay.css");require("vft/theme-style/vft-modal.css");

package/lib/components/modal/style/index.cjs

@@ -1,5 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/dialog.scss");
-require("vft/theme-style/src/overlay.scss");
-require("vft/theme-style/src/modal.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/dialog.scss");require("vft/theme-style/src/overlay.scss");require("vft/theme-style/src/modal.scss");

package/lib/components/modal/types.cjs

@@ -1,3 +1 @@
-"use strict";
-require("../button/index.cjs");
-require("../row/index.cjs");
+"use strict";require("../button/index.cjs");require("../row/index.cjs");