vft 0.0.374 → 0.0.375

package/lib/components/switch/switch.vue2.cjs

@@ -1 +1,250 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../form/index.cjs");const f=require("../icon/index.cjs"),l=require("../../constants/event.cjs");require("@vueuse/core");const k=require("../../utils/error.cjs"),S=require("../../utils/helper.cjs");require("lodash-es");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-item.cjs"),y=require("../form/hooks/use-form-common-props.cjs"),A=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],O=["aria-hidden"],M=["aria-hidden"],U=["aria-hidden"],F=e.defineComponent({name:"vft-switch"}),x=e.defineComponent({...F,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,l.INPUT_EVENT],setup(B,{expose:N,emit:T}){const t=D.useNamespace("switch"),a=B,r=T,{formItem:V}=b.useFormItem(),g=y.useFormSize(),{inputId:P}=b.useFormItemInputId(a,{formItemContext:V}),c=e.computed(()=>d.singleAttrToObj(a.activeIcon,"icon")),u=e.computed(()=>d.singleAttrToObj(a.inactiveIcon,"icon")),m=y.useFormDisabled(e.computed(()=>a.loading)),p=e.ref(a.modelValue!==!1),s=e.ref(),I=e.ref(),w=e.computed(()=>[t.b(),t.m(g.value),t.is("disabled",m.value),t.is("checked",n.value)]),z=e.computed(()=>({width:S.addUnit(a.width)}));e.watch(()=>a.modelValue,()=>{p.value=!0}),e.watch(()=>a.value,()=>{p.value=!1});const C=e.computed(()=>p.value?a.modelValue:a.value),n=e.computed(()=>C.value===a.activeValue);[a.activeValue,a.inactiveValue].includes(C.value)||(r(l.UPDATE_MODEL_EVENT,a.inactiveValue),r(l.CHANGE_EVENT,a.inactiveValue),r(l.INPUT_EVENT,a.inactiveValue)),e.watch(n,o=>{s.value.checked=o,a.validateEvent&&V?.validate?.("change").catch(i=>k.debugWarn(i))});const v=()=>{const o=n.value?a.inactiveValue:a.activeValue;r(l.UPDATE_MODEL_EVENT,o),r(l.CHANGE_EVENT,o),r(l.INPUT_EVENT,o),e.nextTick(()=>{s.value.checked=n.value})},E=()=>{if(m.value)return;const{beforeChange:o}=a;if(!o){v();return}const i=o();[d.isPromise(i),d.isBoolean(i)].includes(!0)||k.throwError(t.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),d.isPromise(i)?i.then(h=>{h&&v()}).catch(h=>{k.debugWarn(t.b(),`some error occurred: ${h}`)}):i&&v()},q=e.computed(()=>t.cssVarBlock({...a.activeColor?{"on-color":a.activeColor}:null,...a.inactiveColor?{"off-color":a.inactiveColor}:null,...a.borderColor?{"border-color":a.borderColor}:null})),_=()=>{s.value?.focus?.()};return e.onMounted(()=>{s.value.checked=n.value}),N({focus:_,checked:n}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(w.value),style:e.normalizeStyle(q.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(P),ref_key:"input",ref:s,class:e.normalizeClass(e.unref(t).e("input")),type:"checkbox",role:"switch","aria-checked":n.value,"aria-disabled":e.unref(m),name:o.name,"true-value":o.activeValue,"false-value":o.inactiveValue,disabled:e.unref(m),tabindex:o.tabindex,onChange:v,onKeydown:e.withKeys(E,["enter"])},null,42,A),!o.inlinePrompt&&(o.inactiveIcon||o.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","left"),e.unref(t).is("active",!n.value)])},[u.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),!u.value?.icon&&o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":n.value},e.toDisplayString(o.inactiveText),9,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:I,class:e.normalizeClass(e.unref(t).e("core")),style:e.normalizeStyle(z.value)},[o.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("inner"))},[c.value?.icon||u.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},n.value?c.value:u.value)),null,16)):o.activeText||o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).is("text")),"aria-hidden":!n.value},e.toDisplayString(n.value?o.activeText:o.inactiveText),11,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("action"))},[o.loading?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(t).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!o.inlinePrompt&&(c.value?.icon||o.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","right"),e.unref(t).is("active",n.value)])},[c.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},c.value)),null,16)):e.createCommentVNode("",!0),!c.value?.icon&&o.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!n.value},e.toDisplayString(o.activeText),9,U)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=x;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const utils = require("@vft/utils");
+require("../form/index.cjs");
+const index$1 = require("../icon/index.cjs");
+const event = require("../../constants/event.cjs");
+require("@vueuse/core");
+const error = require("../../utils/error.cjs");
+const helper = require("../../utils/helper.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 useFormItem = require("../form/hooks/use-form-item.cjs");
+const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
+const _hoisted_1 = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex"];
+const _hoisted_2 = ["aria-hidden"];
+const _hoisted_3 = ["aria-hidden"];
+const _hoisted_4 = ["aria-hidden"];
+const __default__ = vue.defineComponent({
+  name: "vft-switch"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    modelValue: { type: [Boolean, String, Number], default: false },
+    value: { type: [Boolean, String, Number], default: false },
+    disabled: { type: Boolean, default: false },
+    width: {},
+    inlinePrompt: { type: Boolean, default: false },
+    activeIcon: {},
+    inactiveIcon: {},
+    activeText: {},
+    inactiveText: {},
+    activeColor: {},
+    inactiveColor: {},
+    borderColor: {},
+    activeValue: { type: [Boolean, String, Number], default: true },
+    inactiveValue: { type: [Boolean, String, Number], default: false },
+    name: {},
+    validateEvent: { type: Boolean, default: true },
+    id: {},
+    loading: { type: Boolean, default: false },
+    beforeChange: {},
+    size: {},
+    tabindex: {}
+  },
+  emits: [event.UPDATE_MODEL_EVENT, event.CHANGE_EVENT, event.INPUT_EVENT],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const ns = index.useNamespace("switch");
+    const props = __props;
+    const emit = __emit;
+    const { formItem } = useFormItem.useFormItem();
+    const switchSize = useFormCommonProps.useFormSize();
+    const { inputId } = useFormItem.useFormItemInputId(props, {
+      formItemContext: formItem
+    });
+    const _activeIcon = vue.computed(
+      () => utils.singleAttrToObj(props.activeIcon, "icon")
+    );
+    const _inactiveIcon = vue.computed(
+      () => utils.singleAttrToObj(props.inactiveIcon, "icon")
+    );
+    const switchDisabled = useFormCommonProps.useFormDisabled(vue.computed(() => props.loading));
+    const isControlled = vue.ref(props.modelValue !== false);
+    const input = vue.ref();
+    const core = vue.ref();
+    const switchKls = vue.computed(() => [
+      ns.b(),
+      ns.m(switchSize.value),
+      ns.is("disabled", switchDisabled.value),
+      ns.is("checked", checked.value)
+    ]);
+    const coreStyle = vue.computed(() => ({
+      width: helper.addUnit(props.width)
+    }));
+    vue.watch(
+      () => props.modelValue,
+      () => {
+        isControlled.value = true;
+      }
+    );
+    vue.watch(
+      () => props.value,
+      () => {
+        isControlled.value = false;
+      }
+    );
+    const actualValue = vue.computed(() => {
+      return isControlled.value ? props.modelValue : props.value;
+    });
+    const checked = vue.computed(() => actualValue.value === props.activeValue);
+    if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
+      emit(event.UPDATE_MODEL_EVENT, props.inactiveValue);
+      emit(event.CHANGE_EVENT, props.inactiveValue);
+      emit(event.INPUT_EVENT, props.inactiveValue);
+    }
+    vue.watch(checked, (val) => {
+      input.value.checked = val;
+      if (props.validateEvent) {
+        formItem?.validate?.("change").catch((err) => error.debugWarn(err));
+      }
+    });
+    const handleChange = () => {
+      const val = checked.value ? props.inactiveValue : props.activeValue;
+      emit(event.UPDATE_MODEL_EVENT, val);
+      emit(event.CHANGE_EVENT, val);
+      emit(event.INPUT_EVENT, val);
+      vue.nextTick(() => {
+        input.value.checked = checked.value;
+      });
+    };
+    const switchValue = () => {
+      if (switchDisabled.value) return;
+      const { beforeChange } = props;
+      if (!beforeChange) {
+        handleChange();
+        return;
+      }
+      const shouldChange = beforeChange();
+      const isPromiseOrBool = [
+        utils.isPromise(shouldChange),
+        utils.isBoolean(shouldChange)
+      ].includes(true);
+      if (!isPromiseOrBool) {
+        error.throwError(
+          ns.b(),
+          "beforeChange must return type `Promise<boolean>` or `boolean`"
+        );
+      }
+      if (utils.isPromise(shouldChange)) {
+        shouldChange.then((result) => {
+          if (result) {
+            handleChange();
+          }
+        }).catch((e) => {
+          error.debugWarn(ns.b(), `some error occurred: ${e}`);
+        });
+      } else if (shouldChange) {
+        handleChange();
+      }
+    };
+    const styles = vue.computed(() => {
+      return ns.cssVarBlock({
+        ...props.activeColor ? { "on-color": props.activeColor } : null,
+        ...props.inactiveColor ? { "off-color": props.inactiveColor } : null,
+        ...props.borderColor ? { "border-color": props.borderColor } : null
+      });
+    });
+    const focus = () => {
+      input.value?.focus?.();
+    };
+    vue.onMounted(() => {
+      input.value.checked = checked.value;
+    });
+    __expose({
+      /**
+       *  @description manual focus to the switch component
+       **/
+      focus,
+      /**
+       * @description whether Switch is checked
+       */
+      checked
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(switchKls.value),
+        style: vue.normalizeStyle(styles.value),
+        onClick: vue.withModifiers(switchValue, ["prevent"])
+      }, [
+        vue.createElementVNode("input", {
+          id: vue.unref(inputId),
+          ref_key: "input",
+          ref: input,
+          class: vue.normalizeClass(vue.unref(ns).e("input")),
+          type: "checkbox",
+          role: "switch",
+          "aria-checked": checked.value,
+          "aria-disabled": vue.unref(switchDisabled),
+          name: _ctx.name,
+          "true-value": _ctx.activeValue,
+          "false-value": _ctx.inactiveValue,
+          disabled: vue.unref(switchDisabled),
+          tabindex: _ctx.tabindex,
+          onChange: handleChange,
+          onKeydown: vue.withKeys(switchValue, ["enter"])
+        }, null, 42, _hoisted_1),
+        !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: vue.normalizeClass([
+            vue.unref(ns).e("label"),
+            vue.unref(ns).em("label", "left"),
+            vue.unref(ns).is("active", !checked.value)
+          ])
+        }, [
+          _inactiveIcon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.normalizeProps(vue.mergeProps({ key: 0 }, _inactiveIcon.value)), null, 16)) : vue.createCommentVNode("", true),
+          !_inactiveIcon.value?.icon && _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 1,
+            "aria-hidden": checked.value
+          }, vue.toDisplayString(_ctx.inactiveText), 9, _hoisted_2)) : vue.createCommentVNode("", true)
+        ], 2)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("span", {
+          ref_key: "core",
+          ref: core,
+          class: vue.normalizeClass(vue.unref(ns).e("core")),
+          style: vue.normalizeStyle(coreStyle.value)
+        }, [
+          _ctx.inlinePrompt ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("inner"))
+          }, [
+            _activeIcon.value?.icon || _inactiveIcon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.normalizeProps(vue.mergeProps({ key: 0 }, checked.value ? _activeIcon.value : _inactiveIcon.value)), null, 16)) : _ctx.activeText || _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).is("text")),
+              "aria-hidden": !checked.value
+            }, vue.toDisplayString(checked.value ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_3)) : vue.createCommentVNode("", true)
+          ], 2)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("action"))
+          }, [
+            _ctx.loading ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
+              key: 0,
+              rotate: "",
+              class: vue.normalizeClass(vue.unref(ns).is("loading")),
+              icon: "icon-loading"
+            }, null, 8, ["class"])) : vue.createCommentVNode("", true)
+          ], 2)
+        ], 6),
+        !_ctx.inlinePrompt && (_activeIcon.value?.icon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 1,
+          class: vue.normalizeClass([
+            vue.unref(ns).e("label"),
+            vue.unref(ns).em("label", "right"),
+            vue.unref(ns).is("active", checked.value)
+          ])
+        }, [
+          _activeIcon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.normalizeProps(vue.mergeProps({ key: 0 }, _activeIcon.value)), null, 16)) : vue.createCommentVNode("", true),
+          !_activeIcon.value?.icon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 1,
+            "aria-hidden": !checked.value
+          }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_4)) : vue.createCommentVNode("", true)
+        ], 2)) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/tab-pane/style/css.cjs

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

package/lib/components/tab-pane/style/index.cjs

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

package/lib/components/table/constants.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=15;exports.PAGE_SIZE=e;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const PAGE_SIZE = 15;
+exports.PAGE_SIZE = PAGE_SIZE;

package/lib/components/table/field.cjs

@@ -1 +1,177 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),I=require("@vft/utils/date"),_=require("@vft/utils"),d=require("../button/index.cjs"),F=require("../popconfirm/index.cjs"),f=require("../tag/index.cjs");function l(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!r.isVNode(t)}const L={type:"seq",title:"序号",fixed:"left",width:53},T={type:"checkbox",title:"",minWidth:60,fixed:"left"},M={field:"id",title:"Id",minWidth:100},p={field:"name",title:"名称",minWidth:100},Y=({format:t="YYYY-MM-DD",field:e="date",title:n="时间"}={})=>({minWidth:100,field:e,title:n,formatter:({row:i})=>i[e]?I.formatToDateTime(i[e],t):"-"}),c=({format:t="YYYY-MM-DD HH:mm:ss",field:e="date",title:n="时间"}={})=>({minWidth:190,field:e,title:n,formatter:({row:i})=>i[e]?I.formatToDateTime(i[e],t):"-"}),A=({format:t="YYYY-MM-DD HH:mm:ss",field:e="createTime",title:n="创建时间"}={})=>c({format:t,field:e,title:n}),g=({format:t="YYYY-MM-DD HH:mm:ss",field:e="updateTime",title:n="更新时间"}={})=>c({format:t,field:e,title:n}),N=({field:t="status",title:e="状态",normalText:n="正常",disabledText:i="禁用",strToNumber:a=!0}={})=>({field:t,title:e,minWidth:100,slots:{default:({row:u})=>{let o=u?.[t];return _.isNullOrUndefined(o)?"-":(a&&Number(o)===0&&(o=!1),o?r.createVNode(f.VftTag,null,l(n)?n:{default:()=>[n]}):r.createVNode(f.VftTag,{type:"danger"},l(i)?i:{default:()=>[i]}))}}}),V=({confirmText:t="确认删除?",leftCallback:e,rightCallback:n,leftText:i="编辑",rightText:a="删除",showLeft:u=!0,showRight:o=!0}={})=>({title:"操作栏",minWidth:180,field:"custom-action",fixed:"right",slots:{default:({row:D})=>{const s=r.ref(!1),m=()=>{s.value=!0,n?.(D)?.finally(()=>{s.value=!1})};return r.createVNode(r.Fragment,null,[u?r.createVNode(d.VftButton,{size:"small",type:"primary",onClick:E=>{E.stopPropagation(),e?.(D)}},l(i)?i:{default:()=>[i]}):null,o?r.createVNode(F.VftPopconfirm,{width:"150",onConfirm:m,title:t},{reference:()=>r.createVNode(d.VftButton,{loading:s.value,size:"small",type:"danger",onClick:E=>{E.stopPropagation()}},l(a)?a:{default:()=>[a]})}):null])}}});exports.ACTION_FIELD=V;exports.CHECKED_FIELD=T;exports.CREATE_TIME_FIELD=A;exports.DATE_FIELD=Y;exports.DATE_TIME_FIELD=c;exports.ID_FIELD=M;exports.NAME_FIELD=p;exports.SEQ_FIELD=L;exports.STATUS_FIELD=N;exports.UPDATE_TIME_FIELD=g;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const date = require("@vft/utils/date");
+const utils = require("@vft/utils");
+const index$1 = require("../button/index.cjs");
+const index$2 = require("../popconfirm/index.cjs");
+const index = require("../tag/index.cjs");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const SEQ_FIELD = {
+  type: "seq",
+  title: "序号",
+  fixed: "left",
+  width: 53
+};
+const CHECKED_FIELD = {
+  type: "checkbox",
+  title: "",
+  minWidth: 60,
+  fixed: "left"
+};
+const ID_FIELD = {
+  field: "id",
+  title: "Id",
+  minWidth: 100
+};
+const NAME_FIELD = {
+  field: "name",
+  title: "名称",
+  minWidth: 100
+};
+const DATE_FIELD = ({
+  format = "YYYY-MM-DD",
+  field = "date",
+  title = "时间"
+} = {}) => {
+  return {
+    minWidth: 100,
+    field,
+    title,
+    formatter: ({
+      row
+    }) => row[field] ? date.formatToDateTime(row[field], format) : "-"
+  };
+};
+const DATE_TIME_FIELD = ({
+  format = "YYYY-MM-DD HH:mm:ss",
+  field = "date",
+  title = "时间"
+} = {}) => {
+  return {
+    minWidth: 190,
+    field,
+    title,
+    formatter: ({
+      row
+    }) => row[field] ? date.formatToDateTime(row[field], format) : "-"
+  };
+};
+const CREATE_TIME_FIELD = ({
+  format = "YYYY-MM-DD HH:mm:ss",
+  field = "createTime",
+  title = "创建时间"
+} = {}) => DATE_TIME_FIELD({
+  format,
+  field,
+  title
+});
+const UPDATE_TIME_FIELD = ({
+  format = "YYYY-MM-DD HH:mm:ss",
+  field = "updateTime",
+  title = "更新时间"
+} = {}) => DATE_TIME_FIELD({
+  format,
+  field,
+  title
+});
+const STATUS_FIELD = ({
+  field = "status",
+  title = "状态",
+  normalText = "正常",
+  disabledText = "禁用",
+  strToNumber = true
+} = {}) => {
+  return {
+    field,
+    title,
+    minWidth: 100,
+    slots: {
+      default: ({
+        row
+      }) => {
+        let fieldValue = row?.[field];
+        if (!utils.isNullOrUndefined(fieldValue)) {
+          if (strToNumber && Number(fieldValue) === 0) {
+            fieldValue = false;
+          }
+          return fieldValue ? vue.createVNode(index.VftTag, null, _isSlot(normalText) ? normalText : {
+            default: () => [normalText]
+          }) : vue.createVNode(index.VftTag, {
+            "type": "danger"
+          }, _isSlot(disabledText) ? disabledText : {
+            default: () => [disabledText]
+          });
+        } else {
+          return "-";
+        }
+      }
+    }
+  };
+};
+const ACTION_FIELD = ({
+  confirmText = "确认删除?",
+  leftCallback,
+  rightCallback,
+  leftText = "编辑",
+  rightText = "删除",
+  showLeft = true,
+  showRight = true
+} = {}) => {
+  return {
+    title: "操作栏",
+    minWidth: 180,
+    field: "custom-action",
+    fixed: "right",
+    slots: {
+      default: ({
+        row
+      }) => {
+        const rightLoading = vue.ref(false);
+        const handleRightClick = () => {
+          rightLoading.value = true;
+          rightCallback?.(row)?.finally(() => {
+            rightLoading.value = false;
+          });
+        };
+        return vue.createVNode(vue.Fragment, null, [showLeft ? vue.createVNode(index$1.VftButton, {
+          "size": "small",
+          "type": "primary",
+          "onClick": (e) => {
+            e.stopPropagation();
+            leftCallback?.(row);
+          }
+        }, _isSlot(leftText) ? leftText : {
+          default: () => [leftText]
+        }) : null, showRight ? vue.createVNode(index$2.VftPopconfirm, {
+          "width": "150",
+          "onConfirm": handleRightClick,
+          "title": confirmText
+        }, {
+          reference: () => vue.createVNode(index$1.VftButton, {
+            "loading": rightLoading.value,
+            "size": "small",
+            "type": "danger",
+            "onClick": (e) => {
+              e.stopPropagation();
+            }
+          }, _isSlot(rightText) ? rightText : {
+            default: () => [rightText]
+          })
+        }) : null]);
+      }
+    }
+  };
+};
+exports.ACTION_FIELD = ACTION_FIELD;
+exports.CHECKED_FIELD = CHECKED_FIELD;
+exports.CREATE_TIME_FIELD = CREATE_TIME_FIELD;
+exports.DATE_FIELD = DATE_FIELD;
+exports.DATE_TIME_FIELD = DATE_TIME_FIELD;
+exports.ID_FIELD = ID_FIELD;
+exports.NAME_FIELD = NAME_FIELD;
+exports.SEQ_FIELD = SEQ_FIELD;
+exports.STATUS_FIELD = STATUS_FIELD;
+exports.UPDATE_TIME_FIELD = UPDATE_TIME_FIELD;

package/lib/components/table/index.cjs

@@ -1 +1,31 @@
-"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 _=require("../../utils/vue/install.cjs");require("lodash-es");const u=require("./table.vue2.cjs"),e=require("./field.cjs");require("../pagination/index.cjs");require("../super-form/index.cjs");const I=require("./use/use-table.cjs"),E=require("./utils.cjs"),r=_.withInstall(u.default);exports.ACTION_FIELD=e.ACTION_FIELD;exports.CHECKED_FIELD=e.CHECKED_FIELD;exports.CREATE_TIME_FIELD=e.CREATE_TIME_FIELD;exports.DATE_FIELD=e.DATE_FIELD;exports.DATE_TIME_FIELD=e.DATE_TIME_FIELD;exports.ID_FIELD=e.ID_FIELD;exports.NAME_FIELD=e.NAME_FIELD;exports.SEQ_FIELD=e.SEQ_FIELD;exports.STATUS_FIELD=e.STATUS_FIELD;exports.UPDATE_TIME_FIELD=e.UPDATE_TIME_FIELD;exports.useTable=I.useTable;exports.addRequire=E.addRequire;exports.removeRequire=E.removeRequire;exports.selectMapping=E.selectMapping;exports.VftTable=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 table_vue_vue_type_script_setup_true_lang = require("./table.vue2.cjs");
+const field = require("./field.cjs");
+require("../pagination/index.cjs");
+require("../super-form/index.cjs");
+const useTable = require("./use/use-table.cjs");
+const utils = require("./utils.cjs");
+const VftTable = install.withInstall(table_vue_vue_type_script_setup_true_lang.default);
+exports.ACTION_FIELD = field.ACTION_FIELD;
+exports.CHECKED_FIELD = field.CHECKED_FIELD;
+exports.CREATE_TIME_FIELD = field.CREATE_TIME_FIELD;
+exports.DATE_FIELD = field.DATE_FIELD;
+exports.DATE_TIME_FIELD = field.DATE_TIME_FIELD;
+exports.ID_FIELD = field.ID_FIELD;
+exports.NAME_FIELD = field.NAME_FIELD;
+exports.SEQ_FIELD = field.SEQ_FIELD;
+exports.STATUS_FIELD = field.STATUS_FIELD;
+exports.UPDATE_TIME_FIELD = field.UPDATE_TIME_FIELD;
+exports.useTable = useTable.useTable;
+exports.addRequire = utils.addRequire;
+exports.removeRequire = utils.removeRequire;
+exports.selectMapping = utils.selectMapping;
+exports.VftTable = VftTable;
+exports.default = VftTable;

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

@@ -1 +1,41 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-clamp-toggle.css");require("vft/theme-style/vft-empty.css");require("vft/theme-style/vft-pagination.css");require("vft/theme-style/vft-autocomplete.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-slider.css");require("vft/theme-style/vft-input-number.css");require("vft/theme-style/vft-tooltip.css");require("vft/theme-style/vft-tag.css");require("vft/theme-style/vft-checkbox.css");require("vft/theme-style/vft-radio.css");require("vft/theme-style/vft-cascader-panel.css");require("vft/theme-style/vft-cascader.css");require("vft/theme-style/vft-color-picker.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-button.css");require("vft/theme-style/vft-progress.css");require("vft/theme-style/vft-upload.css");require("vft/theme-style/vft-input-tag.css");require("vft/theme-style/vft-check-tag.css");require("vft/theme-style/vft-checkbox-button.css");require("vft/theme-style/vft-checkbox-group.css");require("vft/theme-style/vft-radio-group.css");require("vft/theme-style/vft-radio-button.css");require("vft/theme-style/vft-date-picker.css");require("vft/theme-style/vft-time-picker.css");require("vft/theme-style/vft-virtual-list.css");require("vft/theme-style/vft-select.css");require("vft/theme-style/vft-switch.css");require("vft/theme-style/vft-divider.css");require("vft/theme-style/vft-row.css");require("vft/theme-style/vft-col.css");require("vft/theme-style/vft-form.css");require("vft/theme-style/vft-form-item.css");require("vft/theme-style/vft-time-select.css");require("vft/theme-style/vft-super-form.css");require("vft/theme-style/vft-table.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-clamp-toggle.css");
+require("vft/theme-style/vft-empty.css");
+require("vft/theme-style/vft-pagination.css");
+require("vft/theme-style/vft-autocomplete.css");
+require("vft/theme-style/vft-input.css");
+require("vft/theme-style/vft-scrollbar.css");
+require("vft/theme-style/vft-popper.css");
+require("vft/theme-style/vft-slider.css");
+require("vft/theme-style/vft-input-number.css");
+require("vft/theme-style/vft-tooltip.css");
+require("vft/theme-style/vft-tag.css");
+require("vft/theme-style/vft-checkbox.css");
+require("vft/theme-style/vft-radio.css");
+require("vft/theme-style/vft-cascader-panel.css");
+require("vft/theme-style/vft-cascader.css");
+require("vft/theme-style/vft-color-picker.css");
+require("vft/theme-style/vft-icon.css");
+require("vft/theme-style/vft-button.css");
+require("vft/theme-style/vft-progress.css");
+require("vft/theme-style/vft-upload.css");
+require("vft/theme-style/vft-input-tag.css");
+require("vft/theme-style/vft-check-tag.css");
+require("vft/theme-style/vft-checkbox-button.css");
+require("vft/theme-style/vft-checkbox-group.css");
+require("vft/theme-style/vft-radio-group.css");
+require("vft/theme-style/vft-radio-button.css");
+require("vft/theme-style/vft-date-picker.css");
+require("vft/theme-style/vft-time-picker.css");
+require("vft/theme-style/vft-virtual-list.css");
+require("vft/theme-style/vft-select.css");
+require("vft/theme-style/vft-switch.css");
+require("vft/theme-style/vft-divider.css");
+require("vft/theme-style/vft-row.css");
+require("vft/theme-style/vft-col.css");
+require("vft/theme-style/vft-form.css");
+require("vft/theme-style/vft-form-item.css");
+require("vft/theme-style/vft-time-select.css");
+require("vft/theme-style/vft-super-form.css");
+require("vft/theme-style/vft-table.css");

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

@@ -1 +1,41 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/clamp-toggle.scss");require("vft/theme-style/src/empty.scss");require("vft/theme-style/src/pagination.scss");require("vft/theme-style/src/autocomplete.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/tag.scss");require("vft/theme-style/src/checkbox.scss");require("vft/theme-style/src/radio.scss");require("vft/theme-style/src/cascader-panel.scss");require("vft/theme-style/src/cascader.scss");require("vft/theme-style/src/slider.scss");require("vft/theme-style/src/input-number.scss");require("vft/theme-style/src/tooltip.scss");require("vft/theme-style/src/color-picker.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/button.scss");require("vft/theme-style/src/progress.scss");require("vft/theme-style/src/upload.scss");require("vft/theme-style/src/input-tag.scss");require("vft/theme-style/src/check-tag.scss");require("vft/theme-style/src/checkbox-button.scss");require("vft/theme-style/src/checkbox-group.scss");require("vft/theme-style/src/radio-group.scss");require("vft/theme-style/src/radio-button.scss");require("vft/theme-style/src/date-picker.scss");require("vft/theme-style/src/time-picker.scss");require("vft/theme-style/src/virtual-list.scss");require("vft/theme-style/src/select.scss");require("vft/theme-style/src/switch.scss");require("vft/theme-style/src/divider.scss");require("vft/theme-style/src/row.scss");require("vft/theme-style/src/col.scss");require("vft/theme-style/src/form.scss");require("vft/theme-style/src/form-item.scss");require("vft/theme-style/src/time-select.scss");require("vft/theme-style/src/super-form.scss");require("vft/theme-style/src/table.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/clamp-toggle.scss");
+require("vft/theme-style/src/empty.scss");
+require("vft/theme-style/src/pagination.scss");
+require("vft/theme-style/src/autocomplete.scss");
+require("vft/theme-style/src/input.scss");
+require("vft/theme-style/src/scrollbar.scss");
+require("vft/theme-style/src/popper.scss");
+require("vft/theme-style/src/tag.scss");
+require("vft/theme-style/src/checkbox.scss");
+require("vft/theme-style/src/radio.scss");
+require("vft/theme-style/src/cascader-panel.scss");
+require("vft/theme-style/src/cascader.scss");
+require("vft/theme-style/src/slider.scss");
+require("vft/theme-style/src/input-number.scss");
+require("vft/theme-style/src/tooltip.scss");
+require("vft/theme-style/src/color-picker.scss");
+require("vft/theme-style/src/icon.scss");
+require("vft/theme-style/src/button.scss");
+require("vft/theme-style/src/progress.scss");
+require("vft/theme-style/src/upload.scss");
+require("vft/theme-style/src/input-tag.scss");
+require("vft/theme-style/src/check-tag.scss");
+require("vft/theme-style/src/checkbox-button.scss");
+require("vft/theme-style/src/checkbox-group.scss");
+require("vft/theme-style/src/radio-group.scss");
+require("vft/theme-style/src/radio-button.scss");
+require("vft/theme-style/src/date-picker.scss");
+require("vft/theme-style/src/time-picker.scss");
+require("vft/theme-style/src/virtual-list.scss");
+require("vft/theme-style/src/select.scss");
+require("vft/theme-style/src/switch.scss");
+require("vft/theme-style/src/divider.scss");
+require("vft/theme-style/src/row.scss");
+require("vft/theme-style/src/col.scss");
+require("vft/theme-style/src/form.scss");
+require("vft/theme-style/src/form-item.scss");
+require("vft/theme-style/src/time-select.scss");
+require("vft/theme-style/src/super-form.scss");
+require("vft/theme-style/src/table.scss");

package/lib/components/table/table.vue.cjs

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