vft 0.0.376 → 0.0.379

package/lib/components/transfer/composables/use-props-alias.cjs

@@ -1 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=e=>{const s={label:"label",key:"key",disabled:"disabled"};return o.computed(()=>({...s,...e.props}))};exports.usePropsAlias=r;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const usePropsAlias = (props) => {
+  const initProps = {
+    label: "label",
+    key: "key",
+    disabled: "disabled"
+  };
+  return vue.computed(() => ({
+    ...initProps,
+    ...props.props
+  }));
+};
+exports.usePropsAlias = usePropsAlias;

package/lib/components/transfer/index.cjs

@@ -1 +1,18 @@
-"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 t=require("../../utils/vue/install.cjs");require("lodash-es");const s=require("./transfer.vue2.cjs"),e=require("./transfer.cjs"),r=t.withInstall(s.default);exports.LEFT_CHECK_CHANGE_EVENT=e.LEFT_CHECK_CHANGE_EVENT;exports.RIGHT_CHECK_CHANGE_EVENT=e.RIGHT_CHECK_CHANGE_EVENT;exports.transferCheckedChangeFn=e.transferCheckedChangeFn;exports.transferEmits=e.transferEmits;exports.transferProps=e.transferProps;exports.VftTransfer=r;exports.default=r;
+"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 transfer_vue_vue_type_script_setup_true_lang = require("./transfer.vue2.cjs");
+const transfer = require("./transfer.cjs");
+const VftTransfer = install.withInstall(transfer_vue_vue_type_script_setup_true_lang.default);
+exports.LEFT_CHECK_CHANGE_EVENT = transfer.LEFT_CHECK_CHANGE_EVENT;
+exports.RIGHT_CHECK_CHANGE_EVENT = transfer.RIGHT_CHECK_CHANGE_EVENT;
+exports.transferCheckedChangeFn = transfer.transferCheckedChangeFn;
+exports.transferEmits = transfer.transferEmits;
+exports.transferProps = transfer.transferProps;
+exports.VftTransfer = VftTransfer;
+exports.default = VftTransfer;

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

@@ -1 +1,8 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-button.css");require("vft/theme-style/vft-checkbox.css");require("vft/theme-style/vft-checkbox-group.css");require("vft/theme-style/vft-transfer.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-input.css");
+require("vft/theme-style/vft-icon.css");
+require("vft/theme-style/vft-button.css");
+require("vft/theme-style/vft-checkbox.css");
+require("vft/theme-style/vft-checkbox-group.css");
+require("vft/theme-style/vft-transfer.css");

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

@@ -1 +1,8 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/button.scss");require("vft/theme-style/src/checkbox.scss");require("vft/theme-style/src/checkbox-group.scss");require("vft/theme-style/src/transfer.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/input.scss");
+require("vft/theme-style/src/icon.scss");
+require("vft/theme-style/src/button.scss");
+require("vft/theme-style/src/checkbox.scss");
+require("vft/theme-style/src/checkbox-group.scss");
+require("vft/theme-style/src/transfer.scss");

package/lib/components/transfer/transfer-panel.cjs

@@ -1 +1,30 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/props/runtime.cjs"),e=require("./transfer.cjs"),t="checked-change",n=r.buildProps({data:e.transferProps.data,optionRender:{type:r.definePropType(Function)},placeholder:String,title:String,filterable:Boolean,format:e.transferProps.format,filterMethod:e.transferProps.filterMethod,defaultChecked:e.transferProps.leftDefaultChecked,props:e.transferProps.props}),a={[t]:e.transferCheckedChangeFn};exports.CHECKED_CHANGE_EVENT=t;exports.transferPanelEmits=a;exports.transferPanelProps=n;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const runtime = require("../../utils/vue/props/runtime.cjs");
+const transfer = require("./transfer.cjs");
+const CHECKED_CHANGE_EVENT = "checked-change";
+const transferPanelProps = runtime.buildProps({
+  data: transfer.transferProps.data,
+  optionRender: {
+    type: runtime.definePropType(
+      Function
+    )
+  },
+  placeholder: String,
+  title: String,
+  filterable: Boolean,
+  format: transfer.transferProps.format,
+  filterMethod: transfer.transferProps.filterMethod,
+  defaultChecked: transfer.transferProps.leftDefaultChecked,
+  props: transfer.transferProps.props
+});
+const transferPanelEmits = {
+  [CHECKED_CHANGE_EVENT]: transfer.transferCheckedChangeFn
+};
+exports.CHECKED_CHANGE_EVENT = CHECKED_CHANGE_EVENT;
+exports.transferPanelEmits = transferPanelEmits;
+exports.transferPanelProps = transferPanelProps;

package/lib/components/transfer/transfer-panel.vue.cjs

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

package/lib/components/transfer/transfer-panel.vue2.cjs

@@ -1 +1,136 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=require("../checkbox/index.cjs"),g=require("../input/index.cjs"),h=require("./transfer-panel.cjs"),z=require("./composables/use-check.cjs");require("./transfer.cjs");const w=require("./composables/use-props-alias.cjs"),P=e.defineComponent({name:"VftTransferPanel"}),D=e.defineComponent({...P,props:h.transferPanelProps,emits:h.transferPanelEmits,setup(C,{expose:k,emit:V}){const p=C,y=V,b=e.useSlots(),q=({option:l})=>l,t=B.useNamespace("transfer"),o=e.reactive({checked:[],allChecked:!1,query:"",checkChangeByUser:!0}),u=w.usePropsAlias(p),{filteredData:m,checkedSummary:E,isIndeterminate:N,handleAllCheckedChange:S}=z.useCheck(p,o,y),i=e.computed(()=>!n.isEmpty(o.query)&&n.isEmpty(m.value)),v=e.computed(()=>!n.isEmpty(b.default()[0].children)),{checked:d,allChecked:c,query:s}=e.toRefs(o);return k({query:s}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t).b("panel"))},[e.createElementVNode("p",{class:e.normalizeClass(e.unref(t).be("panel","header"))},[e.createVNode(e.unref(f.VftCheckbox),{modelValue:e.unref(c),"onUpdate:modelValue":r[0]||(r[0]=a=>e.isRef(c)?c.value=a:null),indeterminate:e.unref(N),"validate-event":!1,onChange:e.unref(S)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.title)+" ",1),e.createElementVNode("span",null,e.toDisplayString(e.unref(E)),1)]),_:1},8,["modelValue","indeterminate","onChange"])],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).be("panel","body"),e.unref(t).is("with-footer",v.value)])},[l.filterable?(e.openBlock(),e.createBlock(e.unref(g.VftInput),{key:0,modelValue:e.unref(s),"onUpdate:modelValue":r[1]||(r[1]=a=>e.isRef(s)?s.value=a:null),class:e.normalizeClass(e.unref(t).be("panel","filter")),size:"default",placeholder:l.placeholder,"prefix-icon":"ico-ep:search",clearable:"","validate-event":!1},null,8,["modelValue","class","placeholder"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(f.VftCheckboxGroup),{modelValue:e.unref(d),"onUpdate:modelValue":r[2]||(r[2]=a=>e.isRef(d)?d.value=a:null),"validate-event":!1,class:e.normalizeClass([e.unref(t).is("filterable",l.filterable),e.unref(t).be("panel","list")])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),a=>(e.openBlock(),e.createBlock(e.unref(f.VftCheckbox),{key:a[e.unref(u).key],class:e.normalizeClass(e.unref(t).be("panel","item")),value:a[e.unref(u).key],disabled:a[e.unref(u).disabled],"validate-event":!1},{default:e.withCtx(()=>[e.createVNode(q,{option:l.optionRender?.(a)},null,8,["option"])]),_:2},1032,["class","value","disabled"]))),128))]),_:1},8,["modelValue","class"]),[[e.vShow,!i.value&&!e.unref(n.isEmpty)(l.data)]]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).be("panel","empty"))},[e.renderSlot(l.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(i.value?"无匹配数据":"无数据"),1)])],2),[[e.vShow,i.value||e.unref(n.isEmpty)(l.data)]])],2),v.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(t).be("panel","footer"))},[e.renderSlot(l.$slots,"default")],2)):e.createCommentVNode("",!0)],2))}});exports.default=D;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const utils = require("@vft/utils");
+require("@vueuse/core");
+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 index$1 = require("../checkbox/index.cjs");
+const index$2 = require("../input/index.cjs");
+const transferPanel = require("./transfer-panel.cjs");
+const useCheck = require("./composables/use-check.cjs");
+require("./transfer.cjs");
+const usePropsAlias = require("./composables/use-props-alias.cjs");
+const __default__ = vue.defineComponent({
+  name: "VftTransferPanel"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: transferPanel.transferPanelProps,
+  emits: transferPanel.transferPanelEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = vue.useSlots();
+    const OptionContent = ({ option }) => option;
+    const ns = index.useNamespace("transfer");
+    const panelState = vue.reactive({
+      checked: [],
+      allChecked: false,
+      query: "",
+      checkChangeByUser: true
+    });
+    const propsAlias = usePropsAlias.usePropsAlias(props);
+    const {
+      filteredData,
+      checkedSummary,
+      isIndeterminate,
+      handleAllCheckedChange
+    } = useCheck.useCheck(props, panelState, emit);
+    const hasNoMatch = vue.computed(
+      () => !utils.isEmpty(panelState.query) && utils.isEmpty(filteredData.value)
+    );
+    const hasFooter = vue.computed(() => !utils.isEmpty(slots.default()[0].children));
+    const { checked, allChecked, query } = vue.toRefs(panelState);
+    __expose({
+      /** @description filter keyword */
+      query
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b("panel"))
+      }, [
+        vue.createElementVNode("p", {
+          class: vue.normalizeClass(vue.unref(ns).be("panel", "header"))
+        }, [
+          vue.createVNode(vue.unref(index$1.VftCheckbox), {
+            modelValue: vue.unref(allChecked),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(allChecked) ? allChecked.value = $event : null),
+            indeterminate: vue.unref(isIndeterminate),
+            "validate-event": false,
+            onChange: vue.unref(handleAllCheckedChange)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
+              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(checkedSummary)), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "indeterminate", "onChange"])
+        ], 2),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([vue.unref(ns).be("panel", "body"), vue.unref(ns).is("with-footer", hasFooter.value)])
+        }, [
+          _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftInput), {
+            key: 0,
+            modelValue: vue.unref(query),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(query) ? query.value = $event : null),
+            class: vue.normalizeClass(vue.unref(ns).be("panel", "filter")),
+            size: "default",
+            placeholder: _ctx.placeholder,
+            "prefix-icon": "ico-ep:search",
+            clearable: "",
+            "validate-event": false
+          }, null, 8, ["modelValue", "class", "placeholder"])) : vue.createCommentVNode("", true),
+          vue.withDirectives(vue.createVNode(vue.unref(index$1.VftCheckboxGroup), {
+            modelValue: vue.unref(checked),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(checked) ? checked.value = $event : null),
+            "validate-event": false,
+            class: vue.normalizeClass([vue.unref(ns).is("filterable", _ctx.filterable), vue.unref(ns).be("panel", "list")])
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filteredData), (item) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftCheckbox), {
+                  key: item[vue.unref(propsAlias).key],
+                  class: vue.normalizeClass(vue.unref(ns).be("panel", "item")),
+                  value: item[vue.unref(propsAlias).key],
+                  disabled: item[vue.unref(propsAlias).disabled],
+                  "validate-event": false
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(OptionContent, {
+                      option: _ctx.optionRender?.(item)
+                    }, null, 8, ["option"])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "value", "disabled"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "class"]), [
+            [vue.vShow, !hasNoMatch.value && !vue.unref(utils.isEmpty)(_ctx.data)]
+          ]),
+          vue.withDirectives(vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).be("panel", "empty"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(hasNoMatch.value ? "无匹配数据" : "无数据"), 1)
+            ])
+          ], 2), [
+            [vue.vShow, hasNoMatch.value || vue.unref(utils.isEmpty)(_ctx.data)]
+          ])
+        ], 2),
+        hasFooter.value ? (vue.openBlock(), vue.createElementBlock("p", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).be("panel", "footer"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/transfer/transfer.cjs

@@ -1 +1,123 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lodash-es");require("@vueuse/core");const a=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const n=require("../../constants/event.cjs");require("vue");const d=require("../../utils/typescript.cjs"),e=require("../../utils/vue/props/runtime.cjs"),l="left-check-change",o="right-check-change",y=e.buildProps({data:{type:e.definePropType(Array),default:()=>[]},titles:{type:e.definePropType(Array),default:()=>[]},buttonTexts:{type:e.definePropType(Array),default:()=>[]},filterPlaceholder:String,filterMethod:{type:e.definePropType(Function)},leftDefaultChecked:{type:e.definePropType(Array),default:()=>[]},rightDefaultChecked:{type:e.definePropType(Array),default:()=>[]},renderContent:{type:e.definePropType(Function)},modelValue:{type:e.definePropType(Array),default:()=>[]},format:{type:e.definePropType(Object),default:()=>({})},filterable:Boolean,props:{type:e.definePropType(Object),default:()=>d.mutable({label:"label",key:"key",disabled:"disabled"})},targetOrder:{type:String,values:["original","push","unshift"],default:"original"},validateEvent:{type:Boolean,default:!0}}),i=(r,t)=>[r,t].every(a.isArray)||a.isArray(r)&&s.isNil(t),f={[n.CHANGE_EVENT]:(r,t,p)=>[r,p].every(a.isArray)&&["left","right"].includes(t),[n.UPDATE_MODEL_EVENT]:r=>a.isArray(r),[l]:i,[o]:i};exports.LEFT_CHECK_CHANGE_EVENT=l;exports.RIGHT_CHECK_CHANGE_EVENT=o;exports.transferCheckedChangeFn=i;exports.transferEmits=f;exports.transferProps=y;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lodashEs = require("lodash-es");
+require("@vueuse/core");
+const utils = require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+const event = require("../../constants/event.cjs");
+require("vue");
+const typescript = require("../../utils/typescript.cjs");
+const runtime = require("../../utils/vue/props/runtime.cjs");
+const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
+const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
+const transferProps = runtime.buildProps({
+  /**
+   * @description data source
+   */
+  data: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  /**
+   * @description custom list titles
+   */
+  titles: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  /**
+   * @description custom button texts
+   */
+  buttonTexts: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  /**
+   * @description placeholder for the filter input
+   */
+  filterPlaceholder: String,
+  /**
+   * @description custom filter method
+   */
+  filterMethod: {
+    type: runtime.definePropType(
+      Function
+    )
+  },
+  /**
+   * @description key array of initially checked data items of the left list
+   */
+  leftDefaultChecked: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  /**
+   * @description key array of initially checked data items of the right list
+   */
+  rightDefaultChecked: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  /**
+   * @description custom render function for data items
+   */
+  renderContent: {
+    type: runtime.definePropType(Function)
+  },
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  /**
+   * @description texts for checking status in list header
+   */
+  format: {
+    type: runtime.definePropType(Object),
+    default: () => ({})
+  },
+  /**
+   * @description whether Transfer is filterable
+   */
+  filterable: Boolean,
+  /**
+   * @description prop aliases for data source
+   */
+  props: {
+    type: runtime.definePropType(Object),
+    default: () => typescript.mutable({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    })
+  },
+  /**
+   * @description order strategy for elements in the target list. If set to `original`, the elements will keep the same order as the data source. If set to `push`, the newly added elements will be pushed to the bottom. If set to `unshift`, the newly added elements will be inserted on the top
+   */
+  targetOrder: {
+    type: String,
+    values: ["original", "push", "unshift"],
+    default: "original"
+  },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: true
+  }
+});
+const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(utils.isArray) || utils.isArray(value) && lodashEs.isNil(movedKeys);
+const transferEmits = {
+  [event.CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(utils.isArray) && ["left", "right"].includes(direction),
+  [event.UPDATE_MODEL_EVENT]: (value) => utils.isArray(value),
+  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn
+};
+exports.LEFT_CHECK_CHANGE_EVENT = LEFT_CHECK_CHANGE_EVENT;
+exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
+exports.transferCheckedChangeFn = transferCheckedChangeFn;
+exports.transferEmits = transferEmits;
+exports.transferProps = transferProps;

package/lib/components/transfer/transfer.vue.cjs

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

package/lib/components/transfer/transfer.vue2.cjs

@@ -1 +1,177 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");const a=require("@vft/utils"),M=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const $=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=require("../button/index.cjs"),m=require("../icon/index.cjs");require("../form/index.cjs");const C=require("./transfer.cjs");require("./transfer-panel.cjs");const I=require("./composables/use-props-alias.cjs"),z=require("./composables/use-checked-change.cjs"),x=require("./composables/use-computed-data.cjs"),A=require("./composables/use-move.cjs"),k=require("./transfer-panel.vue2.cjs"),F=require("../form/hooks/use-form-item.cjs"),R={key:0},U={key:0},j=e.defineComponent({name:"VftTransfer"}),L=e.defineComponent({...j,props:C.transferProps,emits:C.transferEmits,setup(g,{expose:b,emit:v}){const r=g,i=v,q=e.useSlots(),o=$.useNamespace("transfer"),{formItem:y}=F.useFormItem(),n=e.reactive({leftChecked:[],rightChecked:[]}),d=I.usePropsAlias(r),{sourceData:V,targetData:P}=x.useComputedData(r),{onSourceCheckedChange:T,onTargetCheckedChange:w}=z.useCheckedChange(n,i),{addToLeft:S,addToRight:N}=A.useMove(r,n,i),l=e.ref(),s=e.ref(),_=t=>{switch(t){case"left":l.value.query="";break;case"right":s.value.query="";break}},c=e.computed(()=>r.buttonTexts.length===2),B=e.computed(()=>r.titles[0]||"列表 1"),D=e.computed(()=>r.titles[1]||"列表 2"),f=e.computed(()=>r.filterPlaceholder||"请输入搜索内容");e.watch(()=>r.modelValue,()=>{r.validateEvent&&y?.validate?.("change").catch(t=>M.debugWarn(t))});const h=e.computed(()=>t=>{if(r.renderContent)return r.renderContent(e.h,t);const u=(q.default?.({option:t})||[]).filter(E=>E.type!==e.Comment);return u.length?u:e.h("span",t[d.value.label]||t[d.value.key])});return b({clearQuery:_,leftPanel:l,rightPanel:s}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).b())},[e.createVNode(k.default,{ref_key:"leftPanel",ref:l,data:e.unref(V),"option-render":h.value,placeholder:f.value,title:B.value,filterable:t.filterable,format:t.format,"filter-method":t.filterMethod,"default-checked":t.leftDefaultChecked,props:r.props,onCheckedChange:e.unref(T)},{empty:e.withCtx(()=>[e.renderSlot(t.$slots,"left-empty")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"left-footer")]),_:3},8,["data","option-render","placeholder","title","filterable","format","filter-method","default-checked","props","onCheckedChange"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("buttons"))},[e.createVNode(e.unref(p.VftButton),{type:"primary",class:e.normalizeClass([e.unref(o).e("button"),e.unref(o).is("with-texts",c.value)]),disabled:e.unref(a.isEmpty)(n.rightChecked),onClick:e.unref(S)},{default:e.withCtx(()=>[e.createVNode(e.unref(m.VftIcon),{icon:"icon-arrow-left"}),e.unref(a.isUndefined)(t.buttonTexts[0])?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(t.buttonTexts[0]),1))]),_:1},8,["class","disabled","onClick"]),e.createVNode(e.unref(p.VftButton),{type:"primary",class:e.normalizeClass([e.unref(o).e("button"),e.unref(o).is("with-texts",c.value)]),disabled:e.unref(a.isEmpty)(n.leftChecked),onClick:e.unref(N)},{default:e.withCtx(()=>[e.unref(a.isUndefined)(t.buttonTexts[1])?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(t.buttonTexts[1]),1)),e.createVNode(e.unref(m.VftIcon),{icon:"icon-arrow-right"})]),_:1},8,["class","disabled","onClick"])],2),e.createVNode(k.default,{ref_key:"rightPanel",ref:s,data:e.unref(P),"option-render":h.value,placeholder:f.value,filterable:t.filterable,format:t.format,"filter-method":t.filterMethod,title:D.value,"default-checked":t.rightDefaultChecked,props:r.props,onCheckedChange:e.unref(w)},{empty:e.withCtx(()=>[e.renderSlot(t.$slots,"right-empty")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"right-footer")]),_:3},8,["data","option-render","placeholder","filterable","format","filter-method","title","default-checked","props","onCheckedChange"])],2))}});exports.default=L;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+const utils = require("@vft/utils");
+const error = require("../../utils/error.cjs");
+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 index$1 = require("../button/index.cjs");
+const index$2 = require("../icon/index.cjs");
+require("../form/index.cjs");
+const transfer = require("./transfer.cjs");
+require("./transfer-panel.cjs");
+const usePropsAlias = require("./composables/use-props-alias.cjs");
+const useCheckedChange = require("./composables/use-checked-change.cjs");
+const useComputedData = require("./composables/use-computed-data.cjs");
+const useMove = require("./composables/use-move.cjs");
+const transferPanel_vue_vue_type_script_setup_true_lang = require("./transfer-panel.vue2.cjs");
+const useFormItem = require("../form/hooks/use-form-item.cjs");
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const __default__ = vue.defineComponent({
+  name: "VftTransfer"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: transfer.transferProps,
+  emits: transfer.transferEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = vue.useSlots();
+    const ns = index.useNamespace("transfer");
+    const { formItem } = useFormItem.useFormItem();
+    const checkedState = vue.reactive({
+      leftChecked: [],
+      rightChecked: []
+    });
+    const propsAlias = usePropsAlias.usePropsAlias(props);
+    const { sourceData, targetData } = useComputedData.useComputedData(props);
+    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange.useCheckedChange(
+      checkedState,
+      emit
+    );
+    const { addToLeft, addToRight } = useMove.useMove(props, checkedState, emit);
+    const leftPanel = vue.ref();
+    const rightPanel = vue.ref();
+    const clearQuery = (which) => {
+      switch (which) {
+        case "left":
+          leftPanel.value.query = "";
+          break;
+        case "right":
+          rightPanel.value.query = "";
+          break;
+      }
+    };
+    const hasButtonTexts = vue.computed(() => props.buttonTexts.length === 2);
+    const leftPanelTitle = vue.computed(() => props.titles[0] || "列表 1");
+    const rightPanelTitle = vue.computed(() => props.titles[1] || "列表 2");
+    const panelFilterPlaceholder = vue.computed(
+      () => props.filterPlaceholder || "请输入搜索内容"
+    );
+    vue.watch(
+      () => props.modelValue,
+      () => {
+        if (props.validateEvent) {
+          formItem?.validate?.("change").catch((err) => error.debugWarn(err));
+        }
+      }
+    );
+    const optionRender = vue.computed(() => (option) => {
+      if (props.renderContent) return props.renderContent(vue.h, option);
+      const defaultSlotVNodes = (slots.default?.({ option }) || []).filter(
+        (node) => node.type !== vue.Comment
+      );
+      if (defaultSlotVNodes.length) {
+        return defaultSlotVNodes;
+      }
+      return vue.h(
+        "span",
+        option[propsAlias.value.label] || option[propsAlias.value.key]
+      );
+    });
+    __expose({
+      /** @description clear the filter keyword of a certain panel */
+      clearQuery,
+      /** @description left panel ref */
+      leftPanel,
+      /** @description right panel ref */
+      rightPanel
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createVNode(transferPanel_vue_vue_type_script_setup_true_lang.default, {
+          ref_key: "leftPanel",
+          ref: leftPanel,
+          data: vue.unref(sourceData),
+          "option-render": optionRender.value,
+          placeholder: panelFilterPlaceholder.value,
+          title: leftPanelTitle.value,
+          filterable: _ctx.filterable,
+          format: _ctx.format,
+          "filter-method": _ctx.filterMethod,
+          "default-checked": _ctx.leftDefaultChecked,
+          props: props.props,
+          onCheckedChange: vue.unref(onSourceCheckedChange)
+        }, {
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "left-empty")
+          ]),
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "left-footer")
+          ]),
+          _: 3
+        }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("buttons"))
+        }, [
+          vue.createVNode(vue.unref(index$1.VftButton), {
+            type: "primary",
+            class: vue.normalizeClass([vue.unref(ns).e("button"), vue.unref(ns).is("with-texts", hasButtonTexts.value)]),
+            disabled: vue.unref(utils.isEmpty)(checkedState.rightChecked),
+            onClick: vue.unref(addToLeft)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$2.VftIcon), { icon: "icon-arrow-left" }),
+              !vue.unref(utils.isUndefined)(_ctx.buttonTexts[0]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.buttonTexts[0]), 1)) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["class", "disabled", "onClick"]),
+          vue.createVNode(vue.unref(index$1.VftButton), {
+            type: "primary",
+            class: vue.normalizeClass([vue.unref(ns).e("button"), vue.unref(ns).is("with-texts", hasButtonTexts.value)]),
+            disabled: vue.unref(utils.isEmpty)(checkedState.leftChecked),
+            onClick: vue.unref(addToRight)
+          }, {
+            default: vue.withCtx(() => [
+              !vue.unref(utils.isUndefined)(_ctx.buttonTexts[1]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.buttonTexts[1]), 1)) : vue.createCommentVNode("", true),
+              vue.createVNode(vue.unref(index$2.VftIcon), { icon: "icon-arrow-right" })
+            ]),
+            _: 1
+          }, 8, ["class", "disabled", "onClick"])
+        ], 2),
+        vue.createVNode(transferPanel_vue_vue_type_script_setup_true_lang.default, {
+          ref_key: "rightPanel",
+          ref: rightPanel,
+          data: vue.unref(targetData),
+          "option-render": optionRender.value,
+          placeholder: panelFilterPlaceholder.value,
+          filterable: _ctx.filterable,
+          format: _ctx.format,
+          "filter-method": _ctx.filterMethod,
+          title: rightPanelTitle.value,
+          "default-checked": _ctx.rightDefaultChecked,
+          props: props.props,
+          onCheckedChange: vue.unref(onTargetCheckedChange)
+        }, {
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "right-empty")
+          ]),
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "right-footer")
+          ]),
+          _: 3
+        }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/tree/index.cjs

@@ -1 +1,15 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tree.vue2.cjs"),a=require("./model/node.cjs"),t=require("./model/useDragNode.cjs");e.default.install=u=>{u.component(e.default.name,e.default)};const r=e.default,d=r;exports.getChildState=a.getChildState;exports.dragEventsKey=t.dragEventsKey;exports.useDragNodeHandler=t.useDragNodeHandler;exports.VftTree=d;exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const tree_vue_vue_type_script_setup_true_lang = require("./tree.vue2.cjs");
+const node = require("./model/node.cjs");
+const useDragNode = require("./model/useDragNode.cjs");
+tree_vue_vue_type_script_setup_true_lang.default.install = (app) => {
+  app.component(tree_vue_vue_type_script_setup_true_lang.default.name, tree_vue_vue_type_script_setup_true_lang.default);
+};
+const _Tree = tree_vue_vue_type_script_setup_true_lang.default;
+const VftTree = _Tree;
+exports.getChildState = node.getChildState;
+exports.dragEventsKey = useDragNode.dragEventsKey;
+exports.useDragNodeHandler = useDragNode.useDragNodeHandler;
+exports.VftTree = VftTree;
+exports.default = _Tree;