@fangzhongya/fang-ui 0.0.36 → 0.0.38

package/dist/components/dialog/src/index.js

@@ -1,81 +1,41 @@
-import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createTextVNode } from "vue";
-import { dataEmits, dataProps } from "./data.js";
-import { ElDialog } from "element-plus/es/components/dialog/index";
-import { ElButton } from "element-plus/es/components/button/index";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElDialog } from "element-plus/es/components/dialog/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("f-dialog");
-    const props = __props;
-    const attrs = useAttrs();
+    const refEl = ref();
+    const attrs = useInherit(useAttrs());
     const slots = useSlots();
-    const emit = __emit;
-    const value = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(value2) {
-        emit("update:modelValue", value2);
-      }
+    const cs = useCssName("dialog");
+    useLocale();
+    __expose({
+      ...dataExpose,
+      refEl
     });
-    const onClose = () => {
-      value.value = false;
-      emit("close");
-    };
-    const onSubmit = () => {
-      emit("confirm");
-    };
-    __expose({});
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElDialog), mergeProps(unref(attrs), {
-        class: unref(cs).z(),
-        modelValue: value.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-        width: props.width
-      }), createSlots({ _: 2 }, [
-        renderList(Object.keys(unref(slots)).filter(
-          (v) => !["footer"].includes(v)
-        ), (k) => {
-          return {
-            name: k,
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, k)
-            ])
-          };
-        }),
-        !props.noFooter ? {
-          name: "footer",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "footer", {}, () => [
-              createElementVNode("div", {
-                class: normalizeClass(unref(cs).z("footer"))
-              }, [
-                createVNode(unref(ElButton), { onClick: onClose }, {
-                  default: withCtx(() => _cache[1] || (_cache[1] = [
-                    createTextVNode("关闭", -1)
-                  ])),
-                  _: 1,
-                  __: [1]
-                }),
-                createVNode(unref(ElButton), {
-                  type: "primary",
-                  onClick: onSubmit
-                }, {
-                  default: withCtx(() => _cache[2] || (_cache[2] = [
-                    createTextVNode("确认", -1)
-                  ])),
-                  _: 1,
-                  __: [2]
-                })
-              ], 2)
-            ])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["class", "modelValue", "width"]);
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElDialog), mergeProps(unref(attrs).assem, {
+          ref_key: "refEl",
+          ref: refEl
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
     };
   }
 });

package/dist/components/dialog/style/index2.scss

@@ -1,3 +1,2 @@
 @use 'element-plus/theme-chalk/src/dialog.scss' as *;
-@use 'element-plus/theme-chalk/src/button.scss' as *;
 @use '../index.scss' as *;

package/dist/components/{cs-config → dialogs}/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
-const CsConfig = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "CsConfig");
-exports.CsConfig = CsConfig;
-exports.default = CsConfig;
+const Dialogs = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Dialogs");
+exports.Dialogs = Dialogs;
+exports.default = Dialogs;

package/dist/components/{dialog → dialogs}/index.css

@@ -12,23 +12,23 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.f-dialog.el-dialog {
+.dialogs.el-dialog {
   padding: 0;
 }
-.f-dialog.el-dialog .el-dialog__header {
+.dialogs.el-dialog .el-dialog__header {
   padding-top: 16px;
   padding-left: 20px;
   border-bottom: 1px solid var(--border);
 }
-.f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
+.dialogs.el-dialog .el-dialog__header .el-dialog__headerbtn {
   width: 56px;
   height: 56px;
   font-size: 22px;
 }
-.f-dialog.el-dialog .el-dialog__body {
+.dialogs.el-dialog .el-dialog__body {
   padding: 20px 30px;
 }
-.f-dialog.el-dialog .el-dialog__footer {
+.dialogs.el-dialog .el-dialog__footer {
   border-top: 1px solid var(--border);
   padding: 20px 20px;
 }

package/dist/components/dialogs/index.d.ts

@@ -0,0 +1,59 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+declare const Dialogs: SFCWithInstall<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+        };
+        width: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        noFooter: BooleanConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        modelValue: boolean;
+        width: string | number;
+        noFooter: boolean;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+        };
+        width: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        noFooter: BooleanConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        modelValue: boolean;
+        width: string | number;
+        noFooter: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    noFooter: BooleanConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    modelValue: boolean;
+    width: string | number;
+    noFooter: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>> & {
+        footer?(_: {}): any;
+    };
+})>;
+export { Dialogs, Dialogs as default };

package/dist/components/{cs-i18n → dialogs}/index.js

@@ -1,7 +1,8 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
-const CsI18n = withInstall(_sfc_main, "CsI18n");
+const Dialogs = withInstall(_sfc_main, "Dialogs");
 export {
-  CsI18n,
-  CsI18n as default
+  Dialogs,
+  Dialogs as default
 };

package/dist/components/dialogs/index.scss

@@ -0,0 +1,32 @@
+@use '../css/common.scss' as *;
+
+$dialogs: 'dialogs';
+@include b($dialogs) {
+	&.#{e()}dialog {
+		padding: 0;
+		.#{e()}dialog {
+			&__header {
+				padding-top: 16px;
+				padding-left: 20px;
+				// background-color: #3770ed;
+				border-bottom: 1px solid var(--#{$cssname}border);
+				// .#{e()}dialog__title,
+				// .#{e()}dialog__close {
+				// 	// color: #fff;
+				// }
+				.#{e()}dialog__headerbtn {
+					width: 56px;
+					height: 56px;
+					font-size: 22px;
+				}
+			}
+			&__body {
+				padding: 20px 30px;
+			}
+			&__footer {
+				border-top: 1px solid var(--#{$cssname}border);
+				padding: 20px 20px;
+			}
+		}
+	}
+}

package/dist/components/dialogs/src/data.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dataProps = {
+  /**
+   * @props { String } modelValue= ( )
+   * 输入框展示数据
+   */
+  modelValue: {
+    type: Boolean
+  },
+  width: {
+    type: [String, Number],
+    default: 800
+  },
+  noFooter: Boolean
+};
+const dataEmits = ["update:modelValue", "close", "confirm"];
+exports.dataEmits = dataEmits;
+exports.dataProps = dataProps;

package/dist/components/dialogs/src/data.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from 'vue';
+export declare const dataProps: {
+    /**
+     * @props { String } modelValue= ( )
+     * 输入框展示数据
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    noFooter: BooleanConstructor;
+};
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;

package/dist/components/dialogs/src/data.js

@@ -0,0 +1,19 @@
+const dataProps = {
+  /**
+   * @props { String } modelValue= ( )
+   * 输入框展示数据
+   */
+  modelValue: {
+    type: Boolean
+  },
+  width: {
+    type: [String, Number],
+    default: 800
+  },
+  noFooter: Boolean
+};
+const dataEmits = ["update:modelValue", "close", "confirm"];
+export {
+  dataEmits,
+  dataProps
+};

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

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const data = require("./data.cjs");
+const index$1 = require("element-plus/es/components/dialog/index");
+const index$2 = require("element-plus/es/components/button/index");
+const index = require("../../../hooks/cssname/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("f-dialog");
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const emit = __emit;
+    const value = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const onClose = () => {
+      value.value = false;
+      emit("close");
+    };
+    const onSubmit = () => {
+      emit("confirm");
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.ElDialog), vue.mergeProps(vue.unref(attrs), {
+        class: vue.unref(cs).z(),
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        width: props.width
+      }), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)).filter(
+          (v) => !["footer"].includes(v)
+        ), (k) => {
+          return {
+            name: k,
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, k)
+            ])
+          };
+        }),
+        !props.noFooter ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("footer"))
+              }, [
+                vue.createVNode(vue.unref(index$2.ElButton), { onClick: onClose }, {
+                  default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                    vue.createTextVNode("关闭", -1)
+                  ])),
+                  _: 1,
+                  __: [1]
+                }),
+                vue.createVNode(vue.unref(index$2.ElButton), {
+                  type: "primary",
+                  onClick: onSubmit
+                }, {
+                  default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                    vue.createTextVNode("确认", -1)
+                  ])),
+                  _: 1,
+                  __: [2]
+                })
+              ], 2)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "modelValue", "width"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/{frame/common/box-teleport.d.ts → dialogs/src/index.d.ts}

@@ -1,33 +1,35 @@
-import { FunctConfig } from '../../../utils/enums';
 import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+    slots: Partial<Record<string, (_: {}) => any>> & {
+        footer?(_: {}): any;
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
-    to: {
-        type: StringConstructor;
-        default: FunctConfig;
-    };
-    disabled: {
+    modelValue: {
         type: BooleanConstructor;
     };
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    to: {
-        type: StringConstructor;
-        default: FunctConfig;
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
     };
-    disabled: {
+    noFooter: BooleanConstructor;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    modelValue: {
         type: BooleanConstructor;
     };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    noFooter: BooleanConstructor;
 }>> & Readonly<{}>, {
-    disabled: boolean;
-    to: string;
+    modelValue: boolean;
+    width: string | number;
+    noFooter: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/dialogs/src/index.js

@@ -0,0 +1,84 @@
+import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createTextVNode } from "vue";
+import { dataEmits, dataProps } from "./data.js";
+import { ElDialog } from "element-plus/es/components/dialog/index";
+import { ElButton } from "element-plus/es/components/button/index";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("f-dialog");
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const emit = __emit;
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const onClose = () => {
+      value.value = false;
+      emit("close");
+    };
+    const onSubmit = () => {
+      emit("confirm");
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDialog), mergeProps(unref(attrs), {
+        class: unref(cs).z(),
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        width: props.width
+      }), createSlots({ _: 2 }, [
+        renderList(Object.keys(unref(slots)).filter(
+          (v) => !["footer"].includes(v)
+        ), (k) => {
+          return {
+            name: k,
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, k)
+            ])
+          };
+        }),
+        !props.noFooter ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer", {}, () => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("footer"))
+              }, [
+                createVNode(unref(ElButton), { onClick: onClose }, {
+                  default: withCtx(() => _cache[1] || (_cache[1] = [
+                    createTextVNode("关闭", -1)
+                  ])),
+                  _: 1,
+                  __: [1]
+                }),
+                createVNode(unref(ElButton), {
+                  type: "primary",
+                  onClick: onSubmit
+                }, {
+                  default: withCtx(() => _cache[2] || (_cache[2] = [
+                    createTextVNode("确认", -1)
+                  ])),
+                  _: 1,
+                  __: [2]
+                })
+              ], 2)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "modelValue", "width"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/dialogs/style/index2.scss

@@ -0,0 +1,3 @@
+@use 'element-plus/theme-chalk/src/dialog.scss' as *;
+@use 'element-plus/theme-chalk/src/button.scss' as *;
+@use '../index.scss' as *;

package/dist/components/divider/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const Divider = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Divider");