el-plus2 0.0.0

package/es/components/form/src/hooks/use-form-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-item.mjs","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/es/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/es/components/form/src/hooks/use-form.mjs

@@ -0,0 +1,53 @@
+import { useTemplateRef, computed, ref } from 'vue';
+
+const useCollapse = ({ isShowFold, showFieldCount, filterFormItemList }, emit) => {
+  const open = ref(false);
+  const toggleStatus = () => {
+    open.value = !open.value;
+    emit("toggleStatus", open.value);
+  };
+  const isShowFoldBtn = 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 = useTemplateRef("elFormRef");
+  const filterFormItemList = 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
+  };
+};
+
+export { useCollapse, useForm };
+//# sourceMappingURL=use-form.mjs.map

package/es/components/form/src/hooks/use-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.mjs","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":["props"],"mappings":";;AAUO,MAAM,cAAc,CACzB,EAAE,YAAY,cAAA,EAAgB,kBAAA,IAC9B,IAAA,KACG;AACH,EAAA,MAAM,IAAA,GAAO,IAAI,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,GAAgB,SAAS,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,GAAY,eAA6B,WAAW,CAAA;AAC1D,EAAA,MAAM,kBAAA,GAAqB,SAAS,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,CAACA,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/es/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/es/components/index.mjs

@@ -0,0 +1,9 @@
+export { buttonsProps } from './buttons/src/buttons.mjs';
+export { expandFormPropsKeys, formEmits, formEmitsKeys, formProps } from './form/src/form.mjs';
+export { expandFormItemPropsKeys, formItemProps } from './form/src/form-item.mjs';
+export { default as EpFormItem } from './form/src/form-item-vue.mjs';
+export { inputEmits, inputEmitsKeys, inputProps } from './input/src/input.mjs';
+export { searchListPageProps } from './searchListPage/src/searchListPage.mjs';
+export { expandSelectPropsKeys, inheritSelectProps, selectEmits, selectEmitsKeys, selectProps } from './select/src/select.mjs';
+export { expandTablePropsKeys, tableEmits, tableEmitsKeys, tableProps } from './table/src/table.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

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