el-plus 0.0.2

package/lib/components/form/src/form.vue2.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var bem = require('../../../utils/bem.js');
+var form = require('./form.js');
+var props = require('../../../utils/props.js');
+var useForm = require('./hooks/use-form.js');
+var formItemVue = require('./form-item-vue.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "EpForm",
+    inheritAttrs: false
+  },
+  __name: "form",
+  props: /* @__PURE__ */ vue.mergeModels(form.formProps, {
+    "modelValue": { type: Object, ...{
+      default: () => vue.reactive({})
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(form.formEmits, ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const bem$1 = bem.createNameSpace("form");
+    const props$1 = __props;
+    const emit = __emit;
+    const customAttrs = vue.computed(() => {
+      return {
+        ...props.prepareProps(props$1, ["modelValue", "model", ...form.expandFormPropsKeys]),
+        hideRequiredAsterisk: true,
+        // 隐藏必填星号, 使用自己的*
+        scrollToError: true,
+        ...props.prepareEvents(emit, form.formEmitsKeys)
+      };
+    });
+    const formData = vue.useModel(__props, "modelValue");
+    const { filterFormItemList, elFormRef, validate, resetFields, clearValidate } = useForm.useForm(props$1);
+    const { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useForm.useCollapse(
+      {
+        filterFormItemList,
+        isShowFold: props$1.isShowFold,
+        showFieldCount: props$1.showFieldCount
+      },
+      emit
+    );
+    __expose({
+      elFormRef,
+      validate,
+      resetFields,
+      clearValidate
+    });
+    return (_ctx, _cache) => {
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([
+            vue.unref(bem$1).b(),
+            vue.unref(props.prepareClassNames)(),
+            vue.unref(bem$1).is("open", vue.unref(open)),
+            vue.unref(bem$1).is("fold", vue.unref(isShowFoldBtn))
+          ]),
+          style: vue.normalizeStyle({
+            ...vue.unref(props.prepareStyles)()
+          })
+        },
+        [
+          vue.createVNode(_component_el_form, vue.mergeProps({
+            ref_key: "elFormRef",
+            ref: elFormRef,
+            model: formData.value
+          }, customAttrs.value), {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createVNode(_component_el_row, null, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(vue.unref(filterFormItemList), (item, index) => {
+                        return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_col, {
+                          key: item.prop || index,
+                          class: vue.normalizeClass(vue.unref(bem$1).e("col")),
+                          span: item.col || 24 / _ctx.col
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(formItemVue.default), vue.mergeProps({
+                              "form-data": formData.value,
+                              "form-label-width": _ctx.labelWidth
+                            }, { ref_for: true }, item), null, 16, ["form-data", "form-label-width"])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["class", "span"])), [
+                          [vue.vShow, vue.unref(isShowFormItem)(index)]
+                        ]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["model"]),
+          vue.unref(isShowFoldBtn) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(bem$1).e("fold")),
+            onClick: vue.unref(toggleStatus)
+          }, vue.toDisplayString(vue.unref(open) ? "\u6536\u8D77" : "\u66F4\u591A"), 11, ["onClick"])) : vue.createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=form.vue2.js.map

package/lib/components/form/src/form.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue2.js","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      bem.b(),\n      prepareClassNames(),\n      bem.is('open', open),\n      bem.is('fold', isShowFoldBtn),\n    ]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <el-form ref=\"elFormRef\" :model=\"formData\" v-bind=\"customAttrs\">\n      <slot>\n        <el-row>\n          <el-col\n            v-for=\"(item, index) in filterFormItemList\"\n            v-show=\"isShowFormItem(index)\"\n            :key=\"item.prop || index\"\n            :class=\"bem.e('col')\"\n            :span=\"item.col || 24 / col\"\n          >\n            <FormItem\n              :form-data=\"formData\"\n              :form-label-width=\"labelWidth\"\n              v-bind=\"item\"\n            />\n          </el-col>\n        </el-row>\n      </slot>\n    </el-form>\n    <div v-if=\"isShowFoldBtn\" :class=\"bem.e('fold')\" @click=\"toggleStatus\">\n      {{ open ? '收起' : '更多' }}\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, reactive, ref, useTemplateRef } from 'vue'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  formProps,\n  formEmits,\n  formEmitsKeys,\n  expandFormPropsKeys,\n} from './form'\nimport type { FormEmits } from './form'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { useCollapse, useForm } from './hooks/use-form'\nimport FormItem from './form-item-vue'\ndefineOptions({\n  name: 'EpForm',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('form')\nconst props = defineProps(formProps)\nconst emit = defineEmits(formEmits)\nconst customAttrs = computed(() => {\n  return {\n    ...prepareProps(props, ['modelValue', 'model', ...expandFormPropsKeys]),\n    hideRequiredAsterisk: true, // 隐藏必填星号, 使用自己的*\n    scrollToError: true,\n    ...prepareEvents<FormEmits>(emit, formEmitsKeys),\n  }\n})\nconst formData = defineModel<Record<string, unknown>>({\n  default: () => reactive({}),\n})\n\nconst { filterFormItemList, elFormRef, validate, resetFields, clearValidate } =\n  useForm(props)\n\nconst { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useCollapse(\n  {\n    filterFormItemList,\n    isShowFold: props.isShowFold,\n    showFieldCount: props.showFieldCount,\n  },\n  emit,\n)\n\ndefineExpose({\n  elFormRef,\n  validate,\n  resetFields,\n  clearValidate,\n})\n</script>\n"],"names":["bem","createNameSpace","props","computed","prepareProps","expandFormPropsKeys","prepareEvents","formEmitsKeys","_useModel","useForm","useCollapse","_createElementBlock","_normalizeClass","_unref","prepareClassNames","_normalizeStyle","prepareStyles","_createVNode","_mergeProps","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","col","labelWidth","_vShow"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import type { FormItemProps } from '../form-item';
+import type { FormItemRule } from 'element-plus';
+export declare const useFormItem: () => {};
+export declare const useFormItemSlots: (props: FormItemProps) => {
+    scopedSlots: {
+        default: () => unknown;
+        label: () => import("vue/jsx-runtime").JSX.Element;
+    };
+};
+export declare const useFormItemRules: (props: FormItemProps) => {
+    rules: FormItemRule[];
+};

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/form/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'el-plus/es/components/base/style/css';
+import 'el-plus/es/theme-chalk/form.css';

package/lib/components/form/style/css.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('el-plus/theme-chalk/form.css');
+
+"use strict";
+//# sourceMappingURL=css.js.map

package/lib/components/form/style/css.js.map

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

package/lib/components/form/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'el-plus/es/components/base/style';
+import 'el-plus/es/theme-chalk/src/form.scss';

package/lib/components/form/style/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('el-plus/theme-chalk/src/form.scss');
+
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/components/form/style/index.js.map

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

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,47 @@
+'use strict';
+
+var index = require('./buttons/index.js');
+var index$1 = require('./form/index.js');
+var index$2 = require('./input/index.js');
+var index$3 = require('./searchListPage/index.js');
+var index$4 = require('./select/index.js');
+var index$5 = require('./table/index.js');
+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.EpButtons = index.EpButtons;
+exports.EpForm = index$1.EpForm;
+exports.EpInput = index$2.EpInput;
+exports.EpSearchListPage = index$3.EpSearchListPage;
+exports.EpSelect = index$4.EpSelect;
+exports.EpTable = index$5.EpTable;
+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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}