@wlydfe/pro-ui 0.1.25

package/lib/components/form-item/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+
+const PlusFormItem = index.default;
+
+exports.PlusFormItem = PlusFormItem;

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

@@ -0,0 +1,53 @@
+import { Component } from 'vue';
+import { FormItemValueType } from '@wlydfe/pro-ui/es/types';
+
+export type FieldComponentType = {
+    /**
+     * parent Component
+     */
+    component: Component;
+    /**
+     *  parent Props
+     */
+    props?: {
+        [key: string]: string | boolean | undefined;
+        type?: 'textarea';
+        /**
+         * @default  'plus.field.pleaseSelect'
+         */
+        placeholder?: 'plus.field.pleaseEnter';
+    };
+    /**
+     *  children  Component
+     */
+    children?: Component;
+    /**
+     * has options
+     * @default false
+     */
+    hasOptions?: boolean;
+    /**
+     * has SelectEvent
+     * @default false
+     */
+    hasSelectEvent?: boolean;
+    /**
+     * has version compatibility
+     * @default false
+     */
+    hasVersionCompatibility?: boolean;
+};
+export type FieldComponentMapType = Record<Exclude<FormItemValueType, undefined | 'text'>, FieldComponentType>;
+export declare const FieldComponentMap: FieldComponentMapType;
+/**
+ * has component
+ * @param valueType
+ * @returns
+ */
+export declare const hasFieldComponent: (valueType?: string) => boolean;
+/**
+ * get component
+ * @param valueType
+ * @returns
+ */
+export declare const getFieldComponent: (valueType?: string) => FieldComponentType;

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

@@ -0,0 +1,99 @@
+'use strict';
+
+var elementPlus = require('element-plus');
+var index = require('../../radio/index.js');
+var index$1 = require('../../date-picker/index.js');
+var index$2 = require('../../input-tag/index.js');
+
+const FieldComponentMap = {
+  // plus
+  "plus-radio": {
+    component: index.PlusRadio,
+    hasOptions: true
+  },
+  "plus-date-picker": {
+    component: index$1.PlusDatePicker
+  },
+  "plus-input-tag": {
+    component: index$2.PlusInputTag
+  },
+  // el
+  autocomplete: {
+    component: elementPlus.ElAutocomplete,
+    props: { placeholder: "plus.field.pleaseEnter" },
+    hasSelectEvent: true
+  },
+  cascader: {
+    component: elementPlus.ElCascader,
+    hasOptions: true
+  },
+  checkbox: {
+    component: elementPlus.ElCheckboxGroup,
+    children: elementPlus.ElCheckbox,
+    hasVersionCompatibility: true
+  },
+  "color-picker": {
+    component: elementPlus.ElColorPicker
+  },
+  "date-picker": {
+    component: elementPlus.ElDatePicker,
+    props: {
+      startPlaceholder: "plus.datepicker.startPlaceholder",
+      endPlaceholder: "plus.datepicker.endPlaceholder"
+    }
+  },
+  "input-number": {
+    component: elementPlus.ElInputNumber,
+    props: { placeholder: "plus.field.pleaseEnter" }
+  },
+  radio: {
+    component: elementPlus.ElRadioGroup,
+    children: elementPlus.ElRadio,
+    hasVersionCompatibility: true
+  },
+  rate: {
+    component: elementPlus.ElRate
+  },
+  select: {
+    component: elementPlus.ElSelect,
+    children: elementPlus.ElOption
+  },
+  slider: {
+    component: elementPlus.ElSlider
+  },
+  switch: {
+    component: elementPlus.ElSwitch
+  },
+  "time-picker": {
+    component: elementPlus.ElTimePicker
+  },
+  "time-select": {
+    component: elementPlus.ElTimeSelect
+  },
+  transfer: {
+    component: elementPlus.ElTransfer
+  },
+  input: {
+    component: elementPlus.ElInput,
+    props: { placeholder: "plus.field.pleaseEnter" }
+  },
+  textarea: {
+    component: elementPlus.ElInput,
+    props: { type: "textarea", placeholder: "plus.field.pleaseEnter" }
+  },
+  "tree-select": {
+    component: elementPlus.ElTreeSelect
+  },
+  "select-v2": {
+    component: elementPlus.ElSelectV2,
+    hasOptions: true
+  }
+};
+const hasFieldComponent = (valueType) => Object.keys(FieldComponentMap).includes(
+  valueType
+);
+const getFieldComponent = (valueType) => Reflect.get(FieldComponentMap, valueType) || {};
+
+exports.FieldComponentMap = FieldComponentMap;
+exports.getFieldComponent = getFieldComponent;
+exports.hasFieldComponent = hasFieldComponent;