@vrojs/element-plus 0.0.2 → 0.0.4

package/dist/vro-el-schema-form/style/index.js

@@ -0,0 +1,37 @@
+import '../../style/base.css';
+import '../../vro-el-file-upload/style/index.css';
+import '../../vro-el-image-upload/style/index.css';
+import './index.css';
+import '../../vro-el-tree/style/index.css';
+import "element-plus/es/components/checkbox-group/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/image/style/css";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/tag/style/css";
+import "element-plus/es/components/tree/style/css";
+import "element-plus/es/components/cascader/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/date-picker/style/css";
+import "element-plus/es/components/divider/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/tree-select/style/css";
+/* empty css                    */
+/* empty css                                           */
+/* empty css                                        */
+/* empty css                                  */
+/* empty css                                         */
+/* empty css                                        */
+/* empty css                                   */
+/* empty css                                 */
+/* empty css                                 */
+/* empty css           */

package/dist/vro-el-schema-form/types.d.ts

@@ -0,0 +1,122 @@
+import { Arrayable } from '@vrojs/base';
+import { ColProps, FormItemProps, FormItemRule, FormProps, RowProps } from 'element-plus';
+import { ExtractPropTypes, PropType, Raw } from 'vue';
+export interface VroElSchemaFormSchemaField {
+    /**
+     * 字段渲染组件，支持内置注册名、外部注册名或组件对象。
+     */
+    is?: 'ElInput' | 'ElSelect' | 'ElRadioGroup' | 'ElCheckboxGroup' | 'ElDatePicker' | 'ElInputNumber' | 'ElTreeSelect' | 'ElCascader' | 'ElDivider' | 'VroElSelect' | 'VroElCheckboxGroup' | 'VroElRadioGroup' | 'VroElImageUpload' | 'VroElFileUpload' | 'VroElTags' | 'VroElTree' | Raw<object> | (string & {});
+    /**
+     * 表单项标签文本。
+     */
+    label?: string;
+    /**
+     * 字段当前值。
+     */
+    value?: any;
+    /**
+     * 字段默认值，供外部工具生成初始值时使用。
+     */
+    defaultValue?: any;
+    /**
+     * 字段重置值，重置的时候使用。
+     */
+    resetValue?: any;
+    /**
+     * 透传给字段组件的属性。
+     */
+    props?: Record<string, any>;
+    /**
+     * 字段选项列表，常用于选择器、单选、多选等组件。
+     */
+    options?: any;
+    /**
+     * 选项展示文本字段名。
+     */
+    labelKey?: string;
+    /**
+     * 选项绑定值字段名。
+     */
+    valueKey?: string;
+    /**
+     * 当前字段栅格配置，会与组件级 colProps 合并。
+     */
+    colProps?: Partial<ColProps>;
+    /**
+     * 当前字段表单项配置，会与组件级 formItemProps 合并。
+     */
+    formItemProps?: Partial<FormItemProps>;
+    /**
+     * 转发给 ElFormItem 的插槽映射，key 为外部插槽名，value 为 ElFormItem 插槽名。
+     */
+    itemSlots?: Record<string, string>;
+    /**
+     * 转发给字段组件的插槽映射，key 为外部插槽名，value 为字段组件插槽名。
+     */
+    slots?: Record<string, string>;
+    /**
+     * 从字段值转换提交值。
+     */
+    get?: (value: any, filed: VroElSchemaFormSchemaField, metadata: VroElSchemaFormSchema) => any;
+    /**
+     * 将外部数据写入字段。
+     */
+    set?: (source: any, field: VroElSchemaFormSchemaField, metadata: VroElSchemaFormSchema) => void;
+    /**
+     * 是否隐藏字段，支持根据当前字段和完整 schema 动态判断。
+     */
+    hidden?: boolean | ((value: any, filed: VroElSchemaFormSchemaField, metadata: VroElSchemaFormSchema) => boolean);
+    /**
+     * 字段校验规则，透传给 ElForm rules。
+     */
+    rules?: Arrayable<FormItemRule> | ((value: any, field: VroElSchemaFormSchemaField, metadata: VroElSchemaFormSchema) => Arrayable<FormItemRule>);
+    /**
+     * 字段 change 事件回调。
+     */
+    onChange?: (value: any, field: VroElSchemaFormSchemaField, metadata: VroElSchemaFormSchema) => any;
+    /**
+     * 字段 input 事件回调。
+     */
+    onInput?: (value: any, field: VroElSchemaFormSchemaField, metadata: VroElSchemaFormSchema) => any;
+    [key: string]: any;
+}
+export type VroElSchemaFormSchema = Record<string, VroElSchemaFormSchemaField>;
+export type VroElSchemaFormFormProps = Partial<Omit<FormProps, 'model' | 'rules'>>;
+export declare const vroElSchemaFormProps: {
+    /**
+     * 透传给 ElForm 的属性，不包含 model 和 rules。
+     */
+    formProps: {
+        type: PropType<VroElSchemaFormFormProps>;
+        default: () => {};
+    };
+    /**
+     * 透传给 ElRow 的属性。
+     */
+    rowProps: {
+        type: PropType<Partial<RowProps>>;
+        default: () => {};
+    };
+    /**
+     * 透传给 ElCol 的默认属性，字段级 colProps 优先级更高。
+     */
+    colProps: {
+        type: PropType<Partial<ColProps>>;
+        default: () => {};
+    };
+    /**
+     * 透传给 ElFormItem 的默认属性，字段级 formItemProps 优先级更高。
+     */
+    formItemProps: {
+        type: PropType<Partial<FormItemProps>>;
+        default: () => {};
+    };
+    /**
+     * 表单字段 schema 配置。
+     */
+    schema: {
+        type: PropType<VroElSchemaFormSchema>;
+        default: () => {};
+    };
+};
+export type VroElSchemaFormProps = ExtractPropTypes<typeof vroElSchemaFormProps>;

package/dist/vro-el-schema-form/types.js

@@ -0,0 +1,42 @@
+import "element-plus";
+import "vue";
+const o = {
+  /**
+   * 透传给 ElForm 的属性，不包含 model 和 rules。
+   */
+  formProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 透传给 ElRow 的属性。
+   */
+  rowProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 透传给 ElCol 的默认属性，字段级 colProps 优先级更高。
+   */
+  colProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 透传给 ElFormItem 的默认属性，字段级 formItemProps 优先级更高。
+   */
+  formItemProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 表单字段 schema 配置。
+   */
+  schema: {
+    type: Object,
+    default: () => ({})
+  }
+};
+export {
+  o as vroElSchemaFormProps
+};