@king-one/antdv 1.1.9 → 1.1.11

package/dist/lib/components/pro-table/src/field/field-radio/field-radio.vue2.js

@@ -1 +1,59 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("ant-design-vue"),i=require("../../constants.js"),s={class:"field-select"},c=e.defineComponent({__name:"field-radio",props:{modelValue:{required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(u){const l=e.useModel(u,"modelValue"),n=e.inject(i.FIELD_CONTEXT_PROVIDE_KEY),{fieldOptions:a,column:d}=e.toRefs(n);return(f,o)=>(e.openBlock(),e.createElementBlock("div",s,[e.createCommentVNode(" prettier-ignore-attribute v-bind "),e.createVNode(e.unref(r.RadioGroup),e.mergeProps({value:l.value,"onUpdate:value":o[0]||(o[0]=t=>l.value=t)},e.unref(d).fieldProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),t=>(e.openBlock(),e.createBlock(e.unref(r.Radio),{key:t.value,value:t.value,disabled:t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},16,["value"])]))}});exports.default=c;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+const constants = require("../../constants.js");
+const _hoisted_1 = { class: "field-select" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "field-radio",
+  props: {
+    "modelValue": {
+      required: true
+    },
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = vue.useModel(__props, "modelValue");
+    const fieldContext = vue.inject(constants.FIELD_CONTEXT_PROVIDE_KEY);
+    const { fieldOptions, column } = vue.toRefs(fieldContext);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" prettier-ignore-attribute v-bind "),
+        vue.createVNode(vue.unref(antDesignVue.RadioGroup), vue.mergeProps({
+          value: modelValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }, vue.unref(column).fieldProps), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(vue.unref(fieldOptions), (opt) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Radio), {
+                  key: opt.value,
+                  value: opt.value,
+                  disabled: opt.disabled
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(opt.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["value", "disabled"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-table/src/field/field-select/field-select.vue.js

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

package/dist/lib/components/pro-table/src/field/field-select/field-select.vue2.js

@@ -1 +1,59 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("ant-design-vue"),d=require("../../constants.js"),s={class:"field-select"},c=e.defineComponent({__name:"field-select",props:{modelValue:{required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(r){const l=e.useModel(r,"modelValue"),u=e.inject(d.FIELD_CONTEXT_PROVIDE_KEY),{fieldOptions:a,column:i}=e.toRefs(u);return(f,o)=>(e.openBlock(),e.createElementBlock("div",s,[e.createCommentVNode(" prettier-ignore-attribute v-bind "),e.createVNode(e.unref(n.Select),e.mergeProps({value:l.value,"onUpdate:value":o[0]||(o[0]=t=>l.value=t)},e.unref(i).fieldProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),t=>(e.openBlock(),e.createBlock(e.unref(n.SelectOption),{key:t.value,value:t.value,disabled:t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},16,["value"])]))}});exports.default=c;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+const constants = require("../../constants.js");
+const _hoisted_1 = { class: "field-select" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "field-select",
+  props: {
+    "modelValue": {
+      required: true
+    },
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = vue.useModel(__props, "modelValue");
+    const fieldContext = vue.inject(constants.FIELD_CONTEXT_PROVIDE_KEY);
+    const { fieldOptions, column } = vue.toRefs(fieldContext);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" prettier-ignore-attribute v-bind "),
+        vue.createVNode(vue.unref(antDesignVue.Select), vue.mergeProps({
+          value: modelValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }, vue.unref(column).fieldProps), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(vue.unref(fieldOptions), (opt) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.SelectOption), {
+                  key: opt.value,
+                  value: opt.value,
+                  disabled: opt.disabled
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(opt.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["value", "disabled"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-table/src/field/field.css

@@ -1 +1,3 @@
-.field .ant-picker{width:100%}
+.field .ant-picker {
+  width: 100%;
+}

package/dist/lib/components/pro-table/src/field/field.vue.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./field.vue2.js");;/* empty css            */exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const field_vue_vue_type_script_setup_true_lang = require("./field.vue2.js");
+;/* empty css            */
+exports.default = field_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/components/pro-table/src/field/field.vue2.js

@@ -1 +1,149 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../constants.js"),v=require("../../utils.js");require("./field-input/field-input.vue.js");require("./field-select/field-select.vue.js");require("./field-radio/field-radio.vue.js");require("./field-date-range/field-date-range.vue.js");const E=require("./field-input/field-input.vue2.js"),g=require("./field-select/field-select.vue2.js"),F=require("./field-radio/field-radio.vue2.js"),q=require("./field-date-range/field-date-range.vue2.js"),C={class:"field"},b=e.defineComponent({__name:"field",props:{column:{}},setup(f){const{column:l}=f,i=e.inject(p.TABLE_CONTEXT_PROVIDE_KEY),{tableSlots:c}=i,{formState:s}=e.toRefs(i),m=l.dataIndex,n=e.computed({get(){return s.value[m]},set(u){s.value[m]=u}}),d=e.reactive({column:l,value:n.value,formState:s}),_=e.computed(()=>c.formField?!!v.getAvailableVNode(c.formField(d)).length:!1),a=e.computed(()=>l.valueType||(l.valueEnum?"select":"text")),r=e.ref([]);function k(){l.request?y():V()}k(),e.watchEffect(()=>{l._fieldOptions=e.readonly(r.value)});function V(){if(l.valueEnum){const u=new Map(Object.entries(l.valueEnum));r.value=Array.from(u).map(([o,t])=>({text:t.text,value:o,label:t.text,disabled:t.disabled}))}}async function y(){const u=await v.handleFn(l.request,{});u&&(r.value=u)}const B=e.reactive({fieldOptions:r,column:l});return e.provide(p.FIELD_CONTEXT_PROVIDE_KEY,B),(u,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(" eslint-disable vue/component-name-in-template-casing "),e.createElementVNode("div",C,[_.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c).formField),e.normalizeProps(e.mergeProps({key:0},d)),null,16)):u.column.customFormFieldRender?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(' <column.customFormFieldRender v-bind="slotProps" /> '),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.column.customFormFieldRender),e.normalizeProps(e.guardReactiveProps(d)),null,16))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[a.value==="text"?(e.openBlock(),e.createBlock(E.default,{key:0,modelValue:n.value,"onUpdate:modelValue":o[0]||(o[0]=t=>n.value=t)},null,8,["modelValue"])):e.createCommentVNode("v-if",!0),a.value==="select"?(e.openBlock(),e.createBlock(g.default,{key:1,modelValue:n.value,"onUpdate:modelValue":o[1]||(o[1]=t=>n.value=t)},null,8,["modelValue"])):e.createCommentVNode("v-if",!0),a.value==="radio"?(e.openBlock(),e.createBlock(F.default,{key:2,modelValue:n.value,"onUpdate:modelValue":o[2]||(o[2]=t=>n.value=t)},null,8,["modelValue"])):e.createCommentVNode("v-if",!0),a.value==="dateRange"?(e.openBlock(),e.createBlock(q.default,{key:3,modelValue:n.value,"onUpdate:modelValue":o[3]||(o[3]=t=>n.value=t)},null,8,["modelValue"])):e.createCommentVNode("v-if",!0)],64))])],2112))}});exports.default=b;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const constants = require("../constants.js");
+const utils = require("../../utils.js");
+require("./field-input/field-input.vue.js");
+require("./field-select/field-select.vue.js");
+require("./field-radio/field-radio.vue.js");
+require("./field-date-range/field-date-range.vue.js");
+const fieldInput_vue_vue_type_script_setup_true_lang = require("./field-input/field-input.vue2.js");
+const fieldSelect_vue_vue_type_script_setup_true_lang = require("./field-select/field-select.vue2.js");
+const fieldRadio_vue_vue_type_script_setup_true_lang = require("./field-radio/field-radio.vue2.js");
+const fieldDateRange_vue_vue_type_script_setup_true_lang = require("./field-date-range/field-date-range.vue2.js");
+const _hoisted_1 = { class: "field" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "field",
+  props: {
+    column: {}
+  },
+  setup(__props) {
+    const { column } = __props;
+    const tableContext = vue.inject(constants.TABLE_CONTEXT_PROVIDE_KEY);
+    const { tableSlots } = tableContext;
+    const { formState } = vue.toRefs(tableContext);
+    const formStateKey = column.dataIndex;
+    const modelValue = vue.computed({
+      get() {
+        return formState.value[formStateKey];
+      },
+      set(val) {
+        formState.value[formStateKey] = val;
+      }
+    });
+    const slotProps = vue.reactive({
+      column,
+      value: modelValue.value,
+      formState
+    });
+    const isShowFormItemSlot = vue.computed(() => {
+      if (tableSlots.formField) {
+        return !!utils.getAvailableVNode(tableSlots.formField(slotProps)).length;
+      }
+      return false;
+    });
+    const valueType = vue.computed(
+      () => column.valueType || (column.valueEnum ? "select" : "text")
+    );
+    const fieldOptions = vue.ref([]);
+    function handleOptionsInFirstTime() {
+      if (column.request) {
+        handleRequest();
+      } else {
+        handleValueEnum();
+      }
+    }
+    handleOptionsInFirstTime();
+    vue.watchEffect(() => {
+      column._fieldOptions = vue.readonly(fieldOptions.value);
+    });
+    function handleValueEnum() {
+      if (column.valueEnum) {
+        const valueEnumMap = new Map(Object.entries(column.valueEnum));
+        fieldOptions.value = Array.from(valueEnumMap).map(([key, item]) => ({
+          text: item.text,
+          value: key,
+          label: item.text,
+          disabled: item.disabled
+        }));
+      }
+    }
+    async function handleRequest() {
+      const res = await utils.handleFn(column.request, {});
+      if (res) {
+        fieldOptions.value = res;
+      }
+    }
+    const context = vue.reactive({
+      fieldOptions,
+      column
+    });
+    vue.provide(
+      constants.FIELD_CONTEXT_PROVIDE_KEY,
+      context
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createCommentVNode(" eslint-disable vue/component-name-in-template-casing "),
+          vue.createElementVNode("div", _hoisted_1, [
+            isShowFormItemSlot.value ? (vue.openBlock(), vue.createBlock(
+              vue.resolveDynamicComponent(vue.unref(tableSlots).formField),
+              vue.normalizeProps(vue.mergeProps({ key: 0 }, slotProps)),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : _ctx.column.customFormFieldRender ? (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                vue.createCommentVNode(' <column.customFormFieldRender v-bind="slotProps" /> '),
+                (vue.openBlock(), vue.createBlock(
+                  vue.resolveDynamicComponent(_ctx.column.customFormFieldRender),
+                  vue.normalizeProps(vue.guardReactiveProps(slotProps)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 2 },
+              [
+                valueType.value === "text" ? (vue.openBlock(), vue.createBlock(fieldInput_vue_vue_type_script_setup_true_lang.default, {
+                  key: 0,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                valueType.value === "select" ? (vue.openBlock(), vue.createBlock(fieldSelect_vue_vue_type_script_setup_true_lang.default, {
+                  key: 1,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                valueType.value === "radio" ? (vue.openBlock(), vue.createBlock(fieldRadio_vue_vue_type_script_setup_true_lang.default, {
+                  key: 2,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                valueType.value === "dateRange" ? (vue.openBlock(), vue.createBlock(fieldDateRange_vue_vue_type_script_setup_true_lang.default, {
+                  key: 3,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-table/src/form-render.css

@@ -1 +1,3 @@
-.pro-table .pro-table-form .ant-form .ant-form-item{margin-bottom:0}
+.pro-table .pro-table-form .ant-form .ant-form-item {
+  margin-bottom: 0;
+}

package/dist/lib/components/pro-table/src/form-render.vue.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-render.vue2.js");;/* empty css                  */exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const formRender_vue_vue_type_script_setup_true_lang = require("./form-render.vue2.js");
+;/* empty css                  */
+exports.default = formRender_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/components/pro-table/src/form-render.vue2.js

@@ -1 +1,166 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("ant-design-vue");require("./field/field.vue.js");const y=require("./constants.js"),B=require("./field/field.vue2.js"),b={class:"pro-table-form"},F=e.defineComponent({__name:"form-render",setup(I,{expose:p}){const l=e.inject(y.TABLE_CONTEXT_PROVIDE_KEY),{columns:f,pageData:_,handleRequest:C}=l,{loading:v,antdFormProps:g,formColNum:u,formState:h,buttonCol:x}=e.toRefs(l),n=e.ref();function c(t){return t.valueType!=="option"&&!t.hideInForm}const N=t=>t.dataIndex;function i(){_.pageNum=1,C()}function V(){n.value&&n.value.validate().then(()=>{i()}).catch(console.error)}function k(){n.value&&(n.value.resetFields(),i())}const a=e.computed(()=>(u==null?void 0:u.value)||0),d=e.computed(()=>24/a.value),w=e.computed(()=>{const t=f.filter(c).length;return(a.value-1-t%a.value)*d.value});function s(t,m=!1){return t={span:d.value,...t||{}},m&&t.offset==null&&(t.offset=w.value),t}return p({formRef:n}),(t,m)=>(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(r.Form),e.mergeProps({ref_key:"formRef",ref:n,autocomplete:"off","label-col":{span:5}},e.unref(g),{model:e.unref(h)}),{default:e.withCtx(()=>[e.createVNode(e.unref(r.Row),{gutter:[0,24]},{default:e.withCtx(()=>[e.createCommentVNode(" TODO 处理 key 的问题, 有的项没有 key, 有的项没有 dataIndex "),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),o=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[c(o)?(e.openBlock(),e.createBlock(e.unref(r.Col),e.mergeProps({key:o.key,ref_for:!0},s(o.fieldCol)),{default:e.withCtx(()=>[e.createVNode(e.unref(r.FormItem),e.mergeProps({label:o.title,name:N(o),ref_for:!0},o.formItemProps),{default:e.withCtx(()=>[e.createVNode(B.default,{column:o},null,8,["column"])]),_:2},1040,["label","name"])]),_:2},1040)):e.createCommentVNode("v-if",!0)],64))),256)),e.createCommentVNode(" 重置查询按钮 "),e.createVNode(e.unref(r.Col),e.normalizeProps(e.guardReactiveProps(s(e.unref(x),!0))),{default:e.withCtx(()=>[e.createVNode(e.unref(r.FormItem),{"wrapper-col":{style:{textAlign:"right"}}},{default:e.withCtx(()=>[e.createVNode(e.unref(r.Space),null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.Button),{onClick:k},{default:e.withCtx(()=>[e.createTextVNode(" 重置 ")]),_:1}),e.createVNode(e.unref(r.Button),{type:"primary",loading:e.unref(v),onClick:V},{default:e.withCtx(()=>[e.createTextVNode(" 查询 ")]),_:1},8,["loading"])]),_:1})]),_:1})]),_:1},16)]),_:1})]),_:1},16,["model"])]))}});exports.default=F;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+require("./field/field.vue.js");
+const constants = require("./constants.js");
+const field_vue_vue_type_script_setup_true_lang = require("./field/field.vue2.js");
+const _hoisted_1 = { class: "pro-table-form" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "form-render",
+  setup(__props, { expose: __expose }) {
+    const tableContext = vue.inject(constants.TABLE_CONTEXT_PROVIDE_KEY);
+    const { columns, pageData, handleRequest } = tableContext;
+    const { loading, antdFormProps, formColNum, formState, buttonCol } = vue.toRefs(tableContext);
+    const formRef = vue.ref();
+    function isShowItem(col) {
+      return col.valueType !== "option" && !col.hideInForm;
+    }
+    const itemName = (col) => col.dataIndex;
+    function onFilter() {
+      pageData.pageNum = 1;
+      handleRequest();
+    }
+    function onSubmit() {
+      if (formRef.value) {
+        formRef.value.validate().then(() => {
+          onFilter();
+        }).catch(console.error);
+      }
+    }
+    function resetForm() {
+      if (formRef.value) {
+        formRef.value.resetFields();
+        onFilter();
+      }
+    }
+    const colNum = vue.computed(() => (formColNum == null ? void 0 : formColNum.value) || 0);
+    const colSpan = vue.computed(() => 24 / colNum.value);
+    const buttonColOffset = vue.computed(() => {
+      const displayedColLen = columns.filter(isShowItem).length;
+      return (colNum.value - 1 - displayedColLen % colNum.value) * colSpan.value;
+    });
+    function fieldCol(colProps, isButton = false) {
+      colProps = {
+        span: colSpan.value,
+        // 4 列
+        ...colProps || {}
+      };
+      if (isButton && colProps.offset == null) {
+        colProps.offset = buttonColOffset.value;
+      }
+      return colProps;
+    }
+    __expose({
+      formRef
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(antDesignVue.Form), vue.mergeProps({
+          ref_key: "formRef",
+          ref: formRef,
+          autocomplete: "off",
+          "label-col": { span: 5 }
+        }, vue.unref(antdFormProps), { model: vue.unref(formState) }), {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(antDesignVue.Row), { gutter: [0, 24] }, {
+              default: vue.withCtx(() => [
+                vue.createCommentVNode(" TODO 处理 key 的问题, 有的项没有 key, 有的项没有 dataIndex "),
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(vue.unref(columns), (col) => {
+                    return vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      [
+                        isShowItem(col) ? (vue.openBlock(), vue.createBlock(
+                          vue.unref(antDesignVue.Col),
+                          vue.mergeProps({
+                            key: col.key,
+                            ref_for: true
+                          }, fieldCol(col.fieldCol)),
+                          {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(antDesignVue.FormItem), vue.mergeProps({
+                                label: col.title,
+                                name: itemName(col),
+                                ref_for: true
+                              }, col.formItemProps), {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(field_vue_vue_type_script_setup_true_lang.default, { column: col }, null, 8, ["column"])
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1040, ["label", "name"])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1040
+                          /* FULL_PROPS, DYNAMIC_SLOTS */
+                        )) : vue.createCommentVNode("v-if", true)
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                )),
+                vue.createCommentVNode(" 重置查询按钮 "),
+                vue.createVNode(
+                  vue.unref(antDesignVue.Col),
+                  vue.normalizeProps(vue.guardReactiveProps(fieldCol(vue.unref(buttonCol), true))),
+                  {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(antDesignVue.FormItem), { "wrapper-col": { style: { textAlign: "right" } } }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(antDesignVue.Space), null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(antDesignVue.Button), { onClick: resetForm }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(" 重置 ")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              vue.createVNode(vue.unref(antDesignVue.Button), {
+                                type: "primary",
+                                loading: vue.unref(loading),
+                                onClick: onSubmit
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(" 查询 ")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["loading"])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  },
+                  16
+                  /* FULL_PROPS */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["model"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-table/src/hooks/use-form.js

@@ -1 +1,25 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue");function o(n){const{columns:r}=n,t=d.ref({}),u=["dateRange"];return{formState:t,genFormState:()=>{t.value=r.reduce((a,e)=>{if(e.dataIndex&&!e.hideInForm){const s=e.valueType&&u.includes(e.valueType)?[]:"";a[e.dataIndex]=t.value[e.dataIndex]||e.initialValue||s}return a},{})}}}exports.useForm=o;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useForm(props) {
+  const { columns } = props;
+  const formState = vue.ref({});
+  const arrayValueTypes = ["dateRange"];
+  const genFormState = () => {
+    formState.value = columns.reduce(
+      (init, col) => {
+        if (col.dataIndex && !col.hideInForm) {
+          const initValue = col.valueType && arrayValueTypes.includes(col.valueType) ? [] : "";
+          init[col.dataIndex] = formState.value[col.dataIndex] || col.initialValue || initValue;
+        }
+        return init;
+      },
+      {}
+    );
+  };
+  return {
+    formState,
+    genFormState
+  };
+}
+exports.useForm = useForm;

package/dist/lib/components/pro-table/src/hooks/use-table.js

@@ -1 +1,57 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("../../utils.js");function T(c,n,{loading:s,pageData:l,formState:f,dataSource:b}){const{columns:y,request:v,requestImmediately:m}=c,p=t.computed(()=>y.filter(({hideInTable:e})=>!e)),o=async()=>{s.value=!0;const e=await d.handleFn(v,t.readonly({pageSize:l.pageSize,pageNum:l.pageNum,...t.unref(f)}));e&&e.success&&(l.total=e.total||0,b.value=e.data),s.value=!1};t.onMounted(()=>{m&&o()});const a=(e,u)=>{var i;if(u.valueType==="select"||u.valueEnum)return(i=(u._fieldOptions||[]).find(q=>q.value===e))==null?void 0:i.label},C=e=>n.bodyCell?!!d.getAvailableVNode(n.bodyCell(r(e))).length:!1,r=e=>({...e,labelText:a(e.text,e.column)});return{filteredColumns:p,handleRequest:o,getLabelByValue:a,hasCurrentColBodySlot:C,bodyCellProps:r}}exports.useTable=T;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils = require("../../utils.js");
+function useTable(props, slots, { loading, pageData, formState, dataSource }) {
+  const { columns, request, requestImmediately } = props;
+  const filteredColumns = vue.computed(
+    () => columns.filter(({ hideInTable }) => !hideInTable)
+  );
+  const handleRequest = async () => {
+    loading.value = true;
+    const res = await utils.handleFn(
+      request,
+      vue.readonly({
+        pageSize: pageData.pageSize,
+        pageNum: pageData.pageNum,
+        ...vue.unref(formState)
+      })
+    );
+    if (res && res.success) {
+      pageData.total = res.total || 0;
+      dataSource.value = res.data;
+    }
+    loading.value = false;
+  };
+  vue.onMounted(() => {
+    if (requestImmediately) {
+      handleRequest();
+    }
+  });
+  const getLabelByValue = (value, column) => {
+    var _a;
+    if (column.valueType === "select" || column.valueEnum) {
+      const fieldOptions = column._fieldOptions;
+      return (_a = (fieldOptions || []).find((opt) => opt.value === value)) == null ? void 0 : _a.label;
+    }
+    return void 0;
+  };
+  const hasCurrentColBodySlot = (originScope) => {
+    if (slots.bodyCell) {
+      return !!utils.getAvailableVNode(slots.bodyCell(bodyCellProps(originScope))).length;
+    }
+    return false;
+  };
+  const bodyCellProps = (originScope) => ({
+    ...originScope,
+    labelText: getLabelByValue(originScope.text, originScope.column)
+  });
+  return {
+    filteredColumns,
+    handleRequest,
+    getLabelByValue,
+    hasCurrentColBodySlot,
+    bodyCellProps
+  };
+}
+exports.useTable = useTable;

package/dist/lib/components/pro-table/src/pro-table.vue.js

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