el-plus2 0.0.0

package/lib/components/form/src/hooks/use-form-item.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var vue = require('vue');
+
+const useFormItem = () => {
+  return {};
+};
+const useFormItemSlots = (props) => {
+  const attrs = vue.useAttrs();
+  const {
+    type,
+    label,
+    render,
+    required,
+    labelRender
+  } = props;
+  const prop = props.tableProp || props.prop;
+  const {
+    scopedSlots: renderScopedSlots,
+    ...renderProps
+  } = props.props || {};
+  const events = {};
+  for (const key in attrs) {
+    if (key.startsWith("on")) {
+      events[key] = attrs[key];
+    }
+  }
+  const formData = attrs["form-data"];
+  const scopedSlots = {
+    default: () => {
+      return type ? vue.h(vue.resolveComponent(type), {
+        modelValue: formData[prop],
+        "onUpdate:modelValue": (value) => {
+          formData[prop] = value;
+        },
+        ...renderProps,
+        ...events
+      }, renderScopedSlots) : formData[prop];
+    },
+    label: () => {
+      return vue.createVNode(vue.resolveComponent("el-tooltip"), {
+        "placement": "top",
+        "effect": "light",
+        "content": label,
+        "disabled": !props.isShowLabel
+      }, {
+        default: () => [vue.createVNode("span", null, [!props.hideRequiredAsterisk && required ? vue.createVNode("span", {
+          "style": "color: var(--el-color-danger);"
+        }, [vue.createTextVNode("*")]) : null, props.isShowLabel ? vue.createVNode("span", null, [label]) : ""])]
+      });
+    }
+  };
+  if (labelRender) {
+    scopedSlots.label = () => labelRender({
+      label
+    });
+  }
+  if (render) {
+    scopedSlots.default = render;
+  }
+  return {
+    scopedSlots
+  };
+};
+const useFormItemRules = (props) => {
+  const {
+    required,
+    rules,
+    label
+  } = props;
+  let mergeRules = [];
+  if (required) {
+    const requiredDefault = {
+      required: true
+    };
+    mergeRules.push(requiredDefault);
+  }
+  if (rules) {
+    if (Array.isArray(rules)) {
+      mergeRules = mergeRules.concat(rules);
+    }
+    if (Object.prototype.toString.call(rules) === "[object Object]") {
+      mergeRules.push(rules);
+    }
+  }
+  if (mergeRules) {
+    mergeRules.forEach((r) => {
+      if (r.required && typeof r.message === "undefined") {
+        r.message = `${label || ""}\u4E0D\u80FD\u4E3A\u7A7A`;
+      }
+    });
+  }
+  return {
+    rules: mergeRules
+  };
+};
+
+exports.useFormItem = useFormItem;
+exports.useFormItemRules = useFormItemRules;
+exports.useFormItemSlots = useFormItemSlots;
+//# sourceMappingURL=use-form-item.js.map

package/lib/components/form/src/hooks/use-form-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-item.js","sources":["../../../../../../../packages/components/form/src/hooks/use-form-item.tsx"],"sourcesContent":["import { h, resolveComponent, useAttrs } from 'vue'\nimport type { FormItemProps } from '../form-item'\nimport type { FormItemRule } from 'element-plus'\nexport const useFormItem = () => {\n  return {}\n}\nexport const useFormItemSlots = (props: FormItemProps) => {\n  const attrs = useAttrs()\n  const { type, label, render, required, labelRender } = props\n  const prop = props.tableProp || props.prop\n  const { scopedSlots: renderScopedSlots, ...renderProps } = props.props || {}\n  const events: Record<string, (...args: any[]) => void> = {}\n  for (const key in attrs) {\n    if (key.startsWith('on')) {\n      events[key] = attrs[key] as (...args: any[]) => void\n    }\n  }\n\n  const formData = attrs['form-data'] as Record<string, unknown>\n  const scopedSlots = {\n    default: () => {\n      return type\n        ? h(\n            resolveComponent(type),\n            {\n              modelValue: formData[prop as string],\n              'onUpdate:modelValue': (value: unknown) => {\n                formData[prop as string] = value\n              },\n              ...renderProps,\n              ...events,\n            },\n            renderScopedSlots,\n          )\n        : formData[prop as string]\n    },\n    label: () => {\n      return (\n        <el-tooltip\n          placement=\"top\"\n          effect=\"light\"\n          content={label}\n          disabled={!props.isShowLabel}\n        >\n          <span>\n            {!props.hideRequiredAsterisk && required ? (\n              <span style=\"color: var(--el-color-danger);\">*</span>\n            ) : null}\n            {props.isShowLabel ? <span>{label}</span> : ''}\n          </span>\n        </el-tooltip>\n      )\n    },\n  }\n\n  if (labelRender) {\n    scopedSlots.label = () => labelRender({ label })\n  }\n  if (render) {\n    scopedSlots.default = render\n  }\n  return {\n    scopedSlots,\n  }\n}\nexport const useFormItemRules = (props: FormItemProps) => {\n  const { required, rules, label } = props\n  let mergeRules: FormItemRule[] = []\n  if (required) {\n    const requiredDefault = { required: true }\n    mergeRules.push(requiredDefault)\n  }\n  if (rules) {\n    if (Array.isArray(rules)) {\n      mergeRules = mergeRules.concat(rules)\n    }\n\n    if (Object.prototype.toString.call(rules) === '[object Object]') {\n      mergeRules.push(rules as FormItemRule)\n    }\n  }\n\n  if (mergeRules) {\n    mergeRules.forEach((r) => {\n      if (r.required && typeof r.message === 'undefined') {\n        r.message = `${label || ''}不能为空`\n      }\n    })\n  }\n  return { rules: mergeRules }\n}\n"],"names":["useFormItem","useFormItemSlots","props","attrs","useAttrs","type","label","render","required","labelRender","prop","tableProp","scopedSlots","renderScopedSlots","renderProps","events","key","startsWith","formData","default","h","resolveComponent","modelValue","value","_createVNode","_resolveComponent","isShowLabel","hideRequiredAsterisk","_createTextVNode","useFormItemRules","rules","mergeRules","requiredDefault","push","Array","isArray","concat","Object","prototype","toString","call","forEach","r","message"],"mappings":"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"}

package/lib/components/form/src/hooks/use-form.d.ts

@@ -0,0 +1,25 @@
+import { type SetupContext } from 'vue';
+import type { FormItemProps } from '../form-item';
+import type { FormProps, FormEmits } from '../form';
+import type { FormInstance, FormItemProp } from 'element-plus';
+interface UseCollapseParams {
+    isShowFold: boolean;
+    showFieldCount: number;
+    filterFormItemList: {
+        value: FormItemProps[];
+    };
+}
+export declare const useCollapse: ({ isShowFold, showFieldCount, filterFormItemList }: UseCollapseParams, emit: SetupContext<FormEmits>["emit"]) => {
+    open: import("vue").Ref<boolean, boolean>;
+    toggleStatus: () => void;
+    isShowFoldBtn: import("vue").ComputedRef<boolean>;
+    isShowFormItem: (index: number) => boolean;
+};
+export declare const useForm: (props: FormProps) => {
+    filterFormItemList: import("vue").ComputedRef<FormItemProps[]>;
+    elFormRef: Readonly<import("vue").ShallowRef<FormInstance | null>>;
+    validate: () => import("element-plus").FormValidationResult;
+    resetFields: (props: FormItemProp) => void;
+    clearValidate: (props: FormItemProp) => void;
+};
+export {};

package/lib/components/form/src/hooks/use-form.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var vue = require('vue');
+
+const useCollapse = ({ isShowFold, showFieldCount, filterFormItemList }, emit) => {
+  const open = vue.ref(false);
+  const toggleStatus = () => {
+    open.value = !open.value;
+    emit("toggleStatus", open.value);
+  };
+  const isShowFoldBtn = vue.computed(() => {
+    return isShowFold && filterFormItemList.value.length > showFieldCount;
+  });
+  const isShowFormItem = (index) => {
+    return index < showFieldCount || open.value || !isShowFoldBtn.value;
+  };
+  return {
+    open,
+    toggleStatus,
+    isShowFoldBtn,
+    isShowFormItem
+  };
+};
+const useForm = (props) => {
+  const elFormRef = vue.useTemplateRef("elFormRef");
+  const filterFormItemList = vue.computed(() => {
+    return props.formItemList.filter((item) => {
+      if ("show" in item) {
+        return typeof item.show === "function" ? item.show(item) : item.show;
+      } else if ("hide" in item) {
+        return typeof item.hide === "function" ? !item.hide(item) : !item.hide;
+      }
+      return true;
+    });
+  });
+  const validate = () => {
+    return elFormRef.value.validate();
+  };
+  const resetFields = (props2) => {
+    return elFormRef.value.resetFields(props2);
+  };
+  const clearValidate = (props2) => {
+    return elFormRef.value.clearValidate(props2);
+  };
+  return {
+    filterFormItemList,
+    elFormRef,
+    validate,
+    resetFields,
+    clearValidate
+  };
+};
+
+exports.useCollapse = useCollapse;
+exports.useForm = useForm;
+//# sourceMappingURL=use-form.js.map

package/lib/components/form/src/hooks/use-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.js","sources":["../../../../../../../packages/components/form/src/hooks/use-form.ts"],"sourcesContent":["import { ref, computed, useTemplateRef, type SetupContext } from 'vue'\nimport type { FormItemProps } from '../form-item'\nimport type { FormProps, FormEmits } from '../form'\nimport type { FormInstance, FormItemProp } from 'element-plus'\n\ninterface UseCollapseParams {\n  isShowFold: boolean\n  showFieldCount: number\n  filterFormItemList: { value: FormItemProps[] }\n}\nexport const useCollapse = (\n  { isShowFold, showFieldCount, filterFormItemList }: UseCollapseParams,\n  emit: SetupContext<FormEmits>['emit'],\n) => {\n  const open = ref(false)\n  const toggleStatus = () => {\n    open.value = !open.value\n    emit('toggleStatus', open.value)\n  }\n  // 是否显示折叠按钮\n  const isShowFoldBtn = computed(() => {\n    return isShowFold && filterFormItemList.value.length > showFieldCount\n  })\n  //   展开收起隐藏formItem逻辑\n  const isShowFormItem = (index: number) => {\n    return index < showFieldCount || open.value || !isShowFoldBtn.value\n  }\n  return {\n    open,\n    toggleStatus,\n    isShowFoldBtn,\n    isShowFormItem,\n  }\n}\n\nexport const useForm = (props: FormProps) => {\n  const elFormRef = useTemplateRef<FormInstance>('elFormRef')\n  const filterFormItemList = computed(() => {\n    return props.formItemList.filter((item: FormItemProps) => {\n      if ('show' in item) {\n        return typeof item.show === 'function' ? item.show(item) : item.show\n      } else if ('hide' in item) {\n        return typeof item.hide === 'function' ? !item.hide(item) : !item.hide\n      }\n      return true\n    })\n  })\n  // 校验\n  const validate = () => {\n    return elFormRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return elFormRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return elFormRef.value!.clearValidate(props)\n  }\n\n  return {\n    filterFormItemList,\n    elFormRef,\n    validate,\n    resetFields,\n    clearValidate,\n  }\n}\n"],"names":["ref","computed","useTemplateRef","props"],"mappings":";;;;AAUO,MAAM,cAAc,CACzB,EAAE,YAAY,cAAA,EAAgB,kBAAA,IAC9B,IAAA,KACG;AACH,EAAA,MAAM,IAAA,GAAOA,QAAI,KAAK,CAAA;AACtB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAA,CAAK,KAAA,GAAQ,CAAC,IAAA,CAAK,KAAA;AACnB,IAAA,IAAA,CAAK,cAAA,EAAgB,KAAK,KAAK,CAAA;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgBC,aAAS,MAAM;AACnC,IAAA,OAAO,UAAA,IAAc,kBAAA,CAAmB,KAAA,CAAM,MAAA,GAAS,cAAA;AAAA,EACzD,CAAC,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAkB;AACxC,IAAA,OAAO,KAAA,GAAQ,cAAA,IAAkB,IAAA,CAAK,KAAA,IAAS,CAAC,aAAA,CAAc,KAAA;AAAA,EAChE,CAAA;AACA,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;AAEO,MAAM,OAAA,GAAU,CAAC,KAAA,KAAqB;AAC3C,EAAA,MAAM,SAAA,GAAYC,mBAA6B,WAAW,CAAA;AAC1D,EAAA,MAAM,kBAAA,GAAqBD,aAAS,MAAM;AACxC,IAAA,OAAO,KAAA,CAAM,YAAA,CAAa,MAAA,CAAO,CAAC,IAAA,KAAwB;AACxD,MAAA,IAAI,UAAU,IAAA,EAAM;AAClB,QAAA,OAAO,OAAO,KAAK,IAAA,KAAS,UAAA,GAAa,KAAK,IAAA,CAAK,IAAI,IAAI,IAAA,CAAK,IAAA;AAAA,MAClE,CAAA,MAAA,IAAW,UAAU,IAAA,EAAM;AACzB,QAAA,OAAO,OAAO,IAAA,CAAK,IAAA,KAAS,UAAA,GAAa,CAAC,KAAK,IAAA,CAAK,IAAI,CAAA,GAAI,CAAC,IAAA,CAAK,IAAA;AAAA,MACpE;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAC,CAAA;AAED,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,OAAO,SAAA,CAAU,MAAO,QAAA,EAAS;AAAA,EACnC,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAACE,MAAAA,KAAwB;AAC3C,IAAA,OAAO,SAAA,CAAU,KAAA,CAAO,WAAA,CAAYA,MAAK,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAACA,MAAAA,KAAwB;AAC7C,IAAA,OAAO,SAAA,CAAU,KAAA,CAAO,aAAA,CAAcA,MAAK,CAAA;AAAA,EAC7C,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;"}

package/lib/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './buttons';
+export * from './form';
+export * from './input';
+export * from './searchListPage';
+export * from './select';
+export * from './table';

package/lib/components/index.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var buttons = require('./buttons/src/buttons.js');
+var form = require('./form/src/form.js');
+var formItem = require('./form/src/form-item.js');
+var formItemVue = require('./form/src/form-item-vue.js');
+var input = require('./input/src/input.js');
+var searchListPage = require('./searchListPage/src/searchListPage.js');
+var select = require('./select/src/select.js');
+var table = require('./table/src/table.js');
+
+
+
+exports.buttonsProps = buttons.buttonsProps;
+exports.expandFormPropsKeys = form.expandFormPropsKeys;
+exports.formEmits = form.formEmits;
+exports.formEmitsKeys = form.formEmitsKeys;
+exports.formProps = form.formProps;
+exports.expandFormItemPropsKeys = formItem.expandFormItemPropsKeys;
+exports.formItemProps = formItem.formItemProps;
+exports.EpFormItem = formItemVue.default;
+exports.inputEmits = input.inputEmits;
+exports.inputEmitsKeys = input.inputEmitsKeys;
+exports.inputProps = input.inputProps;
+exports.searchListPageProps = searchListPage.searchListPageProps;
+exports.expandSelectPropsKeys = select.expandSelectPropsKeys;
+exports.inheritSelectProps = select.inheritSelectProps;
+exports.selectEmits = select.selectEmits;
+exports.selectEmitsKeys = select.selectEmitsKeys;
+exports.selectProps = select.selectProps;
+exports.expandTablePropsKeys = table.expandTablePropsKeys;
+exports.tableEmits = table.tableEmits;
+exports.tableEmitsKeys = table.tableEmitsKeys;
+exports.tableProps = table.tableProps;
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}