@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/components/forms/src/data.ts

@@ -0,0 +1,145 @@
+import type { ExtractPropTypes, Component } from 'vue';
+
+import { props, comHandle } from '../../common/urls';
+
+// 'center' | 'auto'
+
+export const dataProps = {
+	...props,
+	/**
+	 * @props { Array<ListObj> } list 展示数据列表
+	 */
+	list: {
+		type: Array<ListObj>,
+		default() {
+			return [];
+		},
+	},
+	column: {
+		type: Number,
+		default() {
+			return 1;
+		},
+	},
+	/**
+	 * @props { Boolean } disabled 是否全部禁用
+	 */
+	disabled: { type: Boolean },
+	/**
+	 * @props { Object } options 选择数据集合
+	 */
+	options: {
+		type: Object,
+		default() {
+			return {};
+		},
+	},
+	/**
+	 * @props { Object } compons 外部组件集合
+	 */
+	compons: {
+		type: Object as () => { [key: string]: Component },
+		default() {
+			return {};
+		},
+	},
+	/**
+	 * @props { String } width=auto ( )
+	 * 标签的长度
+	 */
+	labelWidth: {
+		type: [String, Number],
+		default: 'auto',
+	},
+	labelPosition: {
+		type: String as () => 'left' | 'top' | 'right' | 'center' | 'auto',
+		default: 'left',
+	},
+	rowWidth: {
+		type: String,
+	},
+	rowMinWidth: {
+		type: String,
+	},
+	rowHeight: {
+		type: String,
+		// default: '42px',
+	},
+	inline: {
+		type: Boolean,
+		// default: true,
+	},
+	inlineBox: {
+		type: Boolean,
+	},
+	query: {
+		type: Boolean,
+	},
+	queryInterval: {
+		type: String,
+		default: '10px',
+	},
+	inlineRight: {
+		type: String,
+		default: '32px',
+	},
+	itemBottom: {
+		type: String,
+		default: '18px',
+	},
+	/**
+	 * @props { Object } value 默认展示数据
+	 */
+	modelValue: {
+		type: Object,
+	},
+	/**
+	 * @props { Object } buts=[] 表单按钮
+	 * pid: {1, 调用确认提交的方法; 2, 调用取消的方法}
+	 */
+	buts: {
+		type: Array<ObjAny>,
+	},
+	butLeft: {
+		type: String,
+	},
+	colon: [Boolean, String],
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits submit 提交数据
+ * @emits cancel 取消
+ * @emits buts buts的其他事件 ( )
+ */
+export const dataEmits = [
+	'submit',
+	'cancel',
+	'buts',
+	'upform',
+	'update:modelValue',
+];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+	header: 'header',
+	footer: 'footer',
+};
+
+/**
+ * @expose submitForm
+ * 提交表单
+ */
+/**
+ * @expose {Object} getForm
+ * 获取表单数据
+ */
+export const dataExpose = [];
+
+export const dataHandle = comHandle;

package/dist/components/forms/src/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index$2 = require("../../forms-div/index.cjs");
 const index$3 = require("../../forms-item/index.cjs");
@@ -9,19 +9,19 @@ const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const setup = require("./setup.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const slots = require$$0.useSlots();
-    const attrs = index.useInherit(require$$0.useAttrs());
+    const slots = vue.useSlots();
+    const attrs = index.useInherit(vue.useAttrs());
     const props = __props;
     const emit = __emit;
     const cs = index$1.useCssName("forms");
-    const refForm = require$$0.ref();
-    const refEl = require$$0.ref();
+    const refForm = vue.ref();
+    const refEl = vue.ref();
     const {
       buts,
       styles,
@@ -47,124 +47,124 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       validate
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "refEl",
         ref: refEl,
-        class: [require$$0.unref(cs).z()],
-        style: require$$0.unref(cs).vdo({
+        class: [vue.unref(cs).z()],
+        style: vue.unref(cs).vdo({
           itemBottom: _ctx.itemBottom,
           inlineRight: _ctx.inlineRight,
           queryInterval: _ctx.queryInterval,
           rowHeight: _ctx.rowHeight
         })
-      }, require$$0.unref(attrs).root), [
-        require$$0.createElementVNode("div", {
-          class: require$$0.normalizeClass([
-            require$$0.unref(cs).z("div"),
-            require$$0.unref(cs).zis("div", "inline", props.inline),
-            require$$0.unref(cs).zis("div", "box", props.inlineBox),
-            require$$0.unref(cs).zis("div", "query", props.query),
-            require$$0.unref(cs).zis("div", "column", props.column > 1)
+      }, vue.unref(attrs).root), [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([
+            vue.unref(cs).z("div"),
+            vue.unref(cs).zis("div", "inline", props.inline),
+            vue.unref(cs).zis("div", "box", props.inlineBox),
+            vue.unref(cs).zis("div", "query", props.query),
+            vue.unref(cs).zis("div", "column", props.column > 1)
           ]),
-          style: require$$0.normalizeStyle(require$$0.unref(styles))
+          style: vue.normalizeStyle(vue.unref(styles))
         }, [
-          (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElForm), require$$0.mergeProps(require$$0.unref(attrs).assem, {
+          (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElForm), vue.mergeProps(vue.unref(attrs).assem, {
             key: props.list.length,
-            class: [require$$0.unref(cs).z("elf"), props.labelPosition],
-            model: require$$0.unref(dataForm),
+            class: [vue.unref(cs).z("elf"), props.labelPosition],
+            model: vue.unref(dataForm),
             disabled: props.disabled,
-            rules: require$$0.unref(dataRules),
+            rules: vue.unref(dataRules),
             "label-width": props.labelPosition == "auto" ? "" : props.labelWidth,
             "label-position": props.labelPosition == "auto" ? void 0 : props.labelPosition,
             ref_key: "refForm",
             ref: refForm,
-            onSubmit: _cache[2] || (_cache[2] = require$$0.withModifiers(() => {
+            onSubmit: _cache[2] || (_cache[2] = vue.withModifiers(() => {
             }, ["prevent"]))
           }), {
-            default: require$$0.withCtx(() => [
-              require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).header),
-              (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.list, (item, index2) => {
-                return require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).header),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.list, (item, index2) => {
+                return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                   key: setKey(item, index2),
-                  class: require$$0.normalizeClass([
-                    require$$0.unref(cs).z("li"),
-                    require$$0.unref(cs).is("div", item == null ? void 0 : item.isdiv),
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("li"),
+                    vue.unref(cs).is("div", item == null ? void 0 : item.isdiv),
                     item.class
                   ]),
-                  style: require$$0.normalizeStyle(require$$0.unref(setStyles)(item))
+                  style: vue.normalizeStyle(vue.unref(setStyles)(item))
                 }, [
-                  (item == null ? void 0 : item.isdiv) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.FormsDiv), {
+                  (item == null ? void 0 : item.isdiv) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.FormsDiv), {
                     key: 0,
                     listobj: item,
                     optionss: props.options,
-                    valueobj: require$$0.unref(dataForm),
-                    modelValue: require$$0.unref(dataForm),
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => require$$0.isRef(dataForm) ? dataForm.value = $event : null)
-                  }, require$$0.createSlots({ _: 2 }, [
-                    require$$0.renderList(Object.keys(require$$0.unref(slots)), (k) => {
+                    valueobj: vue.unref(dataForm),
+                    modelValue: vue.unref(dataForm),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
+                  }, vue.createSlots({ _: 2 }, [
+                    vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                       return {
                         name: k,
-                        fn: require$$0.withCtx((scope) => [
-                          require$$0.renderSlot(_ctx.$slots, k, require$$0.mergeProps({ ref_for: true }, scope))
+                        fn: vue.withCtx((scope) => [
+                          vue.renderSlot(_ctx.$slots, k, vue.mergeProps({ ref_for: true }, scope))
                         ])
                       };
                     })
-                  ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.FormsItem), {
+                  ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.FormsItem), {
                     key: 1,
                     listobj: item,
                     optionss: props.options,
-                    valueobj: require$$0.unref(dataForm),
-                    modelValue: require$$0.unref(dataForm),
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => require$$0.isRef(dataForm) ? dataForm.value = $event : null)
-                  }, require$$0.createSlots({ _: 2 }, [
-                    require$$0.renderList(Object.keys(require$$0.unref(slots)), (k) => {
+                    valueobj: vue.unref(dataForm),
+                    modelValue: vue.unref(dataForm),
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
+                  }, vue.createSlots({ _: 2 }, [
+                    vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                       return {
                         name: k,
-                        fn: require$$0.withCtx((scope) => [
-                          require$$0.renderSlot(_ctx.$slots, k, require$$0.mergeProps({ ref_for: true }, scope))
+                        fn: vue.withCtx((scope) => [
+                          vue.renderSlot(_ctx.$slots, k, vue.mergeProps({ ref_for: true }, scope))
                         ])
                       };
                     })
                   ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"]))
                 ], 6)), [
-                  [require$$0.vShow, !require$$0.unref(use.useHide)(item, require$$0.unref(dataForm))]
+                  [vue.vShow, !vue.unref(use.useHide)(item, vue.unref(dataForm))]
                 ]);
               }), 128)),
-              require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).footer),
-              require$$0.unref(buts) && require$$0.unref(buts).length > 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer),
+              vue.unref(buts) && vue.unref(buts).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                class: require$$0.normalizeClass([require$$0.unref(cs).z("li"), require$$0.unref(cs).z("buts")]),
-                style: require$$0.normalizeStyle(require$$0.unref(setStyles)({}))
+                class: vue.normalizeClass([vue.unref(cs).z("li"), vue.unref(cs).z("buts")]),
+                style: vue.normalizeStyle(vue.unref(setStyles)({}))
               }, [
-                require$$0.createVNode(require$$0.unref(elementPlus.ElFormItem), {
+                vue.createVNode(vue.unref(elementPlus.ElFormItem), {
                   "label-width": props.butLeft
                 }, {
-                  default: require$$0.withCtx(() => [
-                    require$$0.createElementVNode("div", {
-                      style: require$$0.normalizeStyle({ height: props.rowHeight }),
-                      class: require$$0.normalizeClass(require$$0.unref(cs).z("buts-div"))
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      style: vue.normalizeStyle({ height: props.rowHeight }),
+                      class: vue.normalizeClass(vue.unref(cs).z("buts-div"))
                     }, [
-                      (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(require$$0.unref(buts), (item, index2) => {
-                        return require$$0.openBlock(), require$$0.createElementBlock(require$$0.Fragment, { key: index2 }, [
-                          !require$$0.unref(use.useHide)(item, require$$0.unref(dataForm)) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElButton), require$$0.mergeProps({
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(buts), (item, index2) => {
+                        return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
+                          !vue.unref(use.useHide)(item, vue.unref(dataForm)) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), vue.mergeProps({
                             key: 0,
                             ref_for: true
                           }, item, {
                             disabled: item.disabled ?? props.disabled,
-                            onClick: require$$0.withModifiers(($event) => require$$0.unref(onClickButs)(item, index2, $event), ["stop"])
+                            onClick: vue.withModifiers(($event) => vue.unref(onClickButs)(item, index2, $event), ["stop"])
                           }), {
-                            default: require$$0.withCtx(() => [
-                              require$$0.createTextVNode(require$$0.toDisplayString(item.label), 1)
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(item.label), 1)
                             ]),
                             _: 2
-                          }, 1040, ["disabled", "onClick"])) : require$$0.createCommentVNode("", true)
+                          }, 1040, ["disabled", "onClick"])) : vue.createCommentVNode("", true)
                         ], 64);
                       }), 128))
                     ], 6)
                   ]),
                   _: 1
                 }, 8, ["label-width"])
-              ], 6)) : require$$0.createCommentVNode("", true)
+              ], 6)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           }, 16, ["class", "model", "disabled", "rules", "label-width", "label-position"]))