@fangzhongya/fang-ui 0.0.58 → 0.0.59

package/dist/components/iframe/index.scss

@@ -4,4 +4,8 @@ $iframe: 'iframe';
 @include b($iframe) {
 	width: 100%;
 	height: 100%;
+	> iframe {
+		width: 100%;
+		height: 100%;
+	}
 }

package/dist/components/iframe/src/index2.cjs

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
+const index$3 = require("element-plus/es/components/loading/index");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../../hooks/inherit/index.cjs");
@@ -14,27 +15,38 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("iframe");
-    const attrs = index$2.useInherit();
+    const attrs = index$2.useInherit(vue.useAttrs());
     const props = __props;
     const emit = __emit;
+    const loading = vue.ref(false);
+    const src = vue.computed(() => {
+      const url = props.url;
+      if (url) {
+        loading.value = true;
+      }
+      return url;
+    });
     const onLoad = () => {
+      loading.value = false;
       emit("load");
     };
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createElementVNode("iframe", vue.mergeProps(vue.unref(attrs), {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createElementVNode("iframe", vue.mergeProps(vue.unref(attrs).assem, {
           width: props.width,
           height: props.height,
           frameborder: props.frameborder,
           onLoad,
-          src: props.url
+          src: src.value
         }), null, 16, _hoisted_1)
-      ], 2);
+      ], 16)), [
+        [vue.unref(index$3.vLoading), loading.value]
+      ]);
     };
   }
 });

package/dist/components/iframe/src/index2.js

@@ -1,6 +1,7 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, mergeProps } from "vue";
+import { defineComponent, useAttrs, ref, computed, withDirectives, openBlock, createElementBlock, mergeProps, unref, createElementVNode } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import "../../../hooks/index.js";
+import { vLoading } from "element-plus/es/components/loading/index";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
@@ -12,27 +13,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
     const cs = useCssName("iframe");
-    const attrs = useInherit();
+    const attrs = useInherit(useAttrs());
     const props = __props;
     const emit = __emit;
+    const loading = ref(false);
+    const src = computed(() => {
+      const url = props.url;
+      if (url) {
+        loading.value = true;
+      }
+      return url;
+    });
     const onLoad = () => {
+      loading.value = false;
       emit("load");
     };
     __expose({
       ...dataExpose
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        createElementVNode("iframe", mergeProps(unref(attrs), {
+      return withDirectives((openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createElementVNode("iframe", mergeProps(unref(attrs).assem, {
           width: props.width,
           height: props.height,
           frameborder: props.frameborder,
           onLoad,
-          src: props.url
+          src: src.value
         }), null, 16, _hoisted_1)
-      ], 2);
+      ], 16)), [
+        [unref(vLoading), loading.value]
+      ]);
     };
   }
 });

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

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

package/dist/components/index2.scss

@@ -60,7 +60,7 @@
 @use './global-config/style/index.scss' as *;
 @use './icon-picker/style/index.scss' as *;
 @use './icon/style/index2.scss' as *;
-@use './iframe/style/index.scss' as *;
+@use './iframe/style/index2.scss' as *;
 @use './keep-com/style/index.scss' as *;
 @use './menus/style/index2.scss' as *;
 @use './page/style/index2.scss' as *;

package/dist/components/input-history/index.css

@@ -29,7 +29,7 @@
   padding: 0;
   box-sizing: border-box;
 }
-.input-history-select-li {
+.input-history-select-ul .input-history-select-li {
   padding: 0 32px 0 20px;
   position: relative;
   white-space: nowrap;
@@ -41,34 +41,24 @@
   box-sizing: border-box;
   cursor: pointer;
 }
-.input-history-select-li.hover, .input-history-select-li:hover {
+.input-history-select-ul .input-history-select-li.hover, .input-history-select-ul .input-history-select-li:hover {
   background-color: #f5f7fa;
 }
-.input-history-select-li.hover .input-history-select-li-clean, .input-history-select-li:hover .input-history-select-li-clean {
+.input-history-select-ul .input-history-select-li.hover .input-history-select-li-clean, .input-history-select-ul .input-history-select-li:hover .input-history-select-li-clean {
   display: inline-flex;
 }
-.input-history-select-li.selected {
+.input-history-select-ul .input-history-select-li.selected {
   color: var(--bv-color-primary);
   font-weight: 700;
 }
-.input-history-select-li.is-disabled {
+.input-history-select-ul .input-history-select-li.is-disabled {
   background-color: #ffffff;
   color: #a8abb2;
   cursor: not-allowed;
 }
-.input-history-select-li-clean {
-  position: absolute;
+.input-history-select-ul .input-history-select-li-clean {
   align-items: center;
   justify-content: center;
-  right: 16px;
-  height: 100%;
   display: none;
-}
-.input-history-select-clean {
-  padding: 0 20px;
-}
-.input-history-select-clean-but {
-  float: right;
-  color: #ccc;
-  cursor: pointer;
+  margin-left: 5px;
 }

package/dist/components/input-history/index.scss

@@ -7,6 +7,7 @@ $input-history: 'input-history';
 	&-popper {
 		padding: 6px 0 !important;
 	}
+
 	&-select {
 		max-height: 274px;
 		height: 100%;
@@ -16,49 +17,40 @@ $input-history: 'input-history';
 			margin: 6px 0;
 			padding: 0;
 			box-sizing: border-box;
-		}
-		&-li {
-			padding: 0 32px 0 20px;
-			position: relative;
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			color: #606266;
-			height: 34px;
-			line-height: 34px;
-			box-sizing: border-box;
-			cursor: pointer;
-			&.hover,
-			&:hover {
-				background-color: #f5f7fa;
-				.#{z($input-history, 'select-li-clean')} {
-					display: inline-flex;
-				}
-			}
-			&.selected {
-				color: var(--bv-color-primary);
-				font-weight: 700;
-			}
-			&.is-disabled {
-				background-color: #ffffff;
-				color: #a8abb2;
-				cursor: not-allowed;
-			}
-			&-clean {
-				position: absolute;
-				align-items: center;
-				justify-content: center;
-				right: 16px;
-				height: 100%;
-				display: none;
-			}
-		}
-		&-clean {
-			padding: 0 20px;
-			&-but {
-				float: right;
-				color: #ccc;
+			.#{z($input-history, 'select-li')} {
+				padding: 0 32px 0 20px;
+				position: relative;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				color: #606266;
+				height: 34px;
+				line-height: 34px;
+				box-sizing: border-box;
 				cursor: pointer;
+				&.hover,
+				&:hover {
+					background-color: #f5f7fa;
+					.#{z($input-history, 'select-li-clean')} {
+						display: inline-flex;
+					}
+				}
+				&.selected {
+					color: var(--bv-color-primary);
+					font-weight: 700;
+				}
+				&.is-disabled {
+					background-color: #ffffff;
+					color: #a8abb2;
+					cursor: not-allowed;
+				}
+
+				&-clean {
+					align-items: center;
+					justify-content: center;
+					display: none;
+					margin-left: 5px;
+				}
 			}
 		}
 	}

package/dist/components/input-history/src/index2.cjs

@@ -108,13 +108,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
             }, vue.unref(attrs).assem, {
               disabled: props.disabled,
               onInput,
               onFocus,
               onBlur,
-              onKeyup: _cache[2] || (_cache[2] = vue.withKeys(
+              onKeyup: _cache[1] || (_cache[1] = vue.withKeys(
                 () => {
                   if (!props.buts) onChange();
                 },
@@ -159,16 +159,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       _: 1
                     }, 8, ["class", "onClick"])) : vue.createCommentVNode("", true)
                   ], 10, _hoisted_1);
-                }), 256)),
-                props.clean ? (vue.openBlock(), vue.createElementBlock("li", {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(cs).z("select-clean")])
-                }, [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass([vue.unref(cs).z("select-clean-but")]),
-                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => onClean(), ["stop"]))
-                  }, " 关闭 ", 2)
-                ], 2)) : vue.createCommentVNode("", true)
+                }), 256))
               ], 2)
             ], 2)) : vue.createCommentVNode("", true)
           ]),

package/dist/components/input-history/src/index2.js

@@ -106,13 +106,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
             }, unref(attrs).assem, {
               disabled: props.disabled,
               onInput,
               onFocus,
               onBlur,
-              onKeyup: _cache[2] || (_cache[2] = withKeys(
+              onKeyup: _cache[1] || (_cache[1] = withKeys(
                 () => {
                   if (!props.buts) onChange();
                 },
@@ -157,16 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                     }, 8, ["class", "onClick"])) : createCommentVNode("", true)
                   ], 10, _hoisted_1);
-                }), 256)),
-                props.clean ? (openBlock(), createElementBlock("li", {
-                  key: 0,
-                  class: normalizeClass([unref(cs).z("select-clean")])
-                }, [
-                  createElementVNode("span", {
-                    class: normalizeClass([unref(cs).z("select-clean-but")]),
-                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onClean(), ["stop"]))
-                  }, " 关闭 ", 2)
-                ], 2)) : createCommentVNode("", true)
+                }), 256))
               ], 2)
             ], 2)) : createCommentVNode("", true)
           ]),

package/dist/components/inputs/src/index2.cjs

@@ -1,19 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$3 = require("../../../directives/expose/index.cjs");
-const index$2 = require("element-plus/es/components/input/index");
+const index$4 = require("../../../directives/expose/index.cjs");
+const index$3 = require("element-plus/es/components/input/index");
 const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
+const index$2 = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/inherit/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(vue.useAttrs());
-    const cs = index$1.useCssName("inputs");
+    const { getLocale } = index.useLocale();
+    const attrs = index$1.useInherit(vue.useAttrs());
+    const cs = index$2.useCssName("inputs");
     const props = __props;
     const slots = vue.useSlots();
     const emit = __emit;
@@ -21,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const once = setOnce();
     const placeholder = vue.computed(() => {
       if (typeof props.placeholder == "undefined") {
-        return "请输入";
+        return getLocale("form.import");
       } else {
         if (props.oncePlaceholder) {
           return once(props.placeholder);
@@ -57,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ref: refEl,
         class: vue.unref(cs).z()
       }, vue.unref(attrs).root), [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), vue.mergeProps({
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.ElInput), vue.mergeProps({
           class: vue.unref(cs).z("input"),
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
@@ -71,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1040, ["class", "modelValue", "placeholder"])), [
-          [vue.unref(index$3.default), {}]
+          [vue.unref(index$4.default), {}]
         ])
       ], 16);
     };

package/dist/components/inputs/src/index2.js

@@ -4,12 +4,14 @@ import { ElInput } from "element-plus/es/components/input/index";
 import { dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
     const attrs = useInherit(useAttrs());
     const cs = useCssName("inputs");
     const props = __props;
@@ -19,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const once = setOnce();
     const placeholder = computed(() => {
       if (typeof props.placeholder == "undefined") {
-        return "请输入";
+        return getLocale("form.import");
       } else {
         if (props.oncePlaceholder) {
           return once(props.placeholder);

package/dist/components/keep-com/src/data.d.ts

@@ -1,4 +1,7 @@
 import { ExtractPublicPropTypes } from 'vue';
+/***
+ * 没有用，依旧无法解决 iframe 加载 刷新问题
+ */
 export declare const dataProps: {
     /**
      * @props { String } is= ( )

package/dist/components/listsp/index.css

@@ -67,6 +67,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;

package/dist/components/listsp/src/index2.cjs

@@ -1,17 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$1 = require("../../lists/index.cjs");
-const index$3 = require("../../paging/index.cjs");
-const index$2 = require("../../../directives/scroll/index.cjs");
+const index$2 = require("../../lists/index.cjs");
+const index$4 = require("../../paging/index.cjs");
+const index$3 = require("../../../directives/scroll/index.cjs");
 const pagin = require("../../tables/common/pagin.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: pagin.dataProps,
   emits: pagin.dataEmit,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("listsp");
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("listsp");
     const slots = vue.useSlots();
     const props = __props;
     const emit = __emit;
@@ -37,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onCurrentChange,
       paginat,
       data
-    } = pagin.useInit(props, emit, refTable, true);
+    } = pagin.useInit(props, emit, refTable, getLocale, true);
     __expose({
       getSelection,
       initData,
@@ -51,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(vue.unref(cs).z()),
         style: vue.normalizeStyle(vue.unref(cs).vdo({ height: vue.unref(height) }))
       }, [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$1.Lists), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.Lists), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
           height: vue.unref(height),
           ref_key: "refTable",
           ref: refTable,
@@ -82,9 +84,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1040, ["height", "class", "scroll-selector", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
-          [vue.unref(index$2.default), vue.unref(scroll)]
+          [vue.unref(index$3.default), vue.unref(scroll)]
         ]),
-        ((_b = vue.unref(paginat)) == null ? void 0 : _b.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+        ((_b = vue.unref(paginat)) == null ? void 0 : _b.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
           class: vue.unref(cs).z("paginat"),
           paginat: vue.unref(paginat),
           total: vue.unref(data).total,

package/dist/components/listsp/src/index2.js

@@ -4,11 +4,13 @@ import { Paging } from "../../paging/index.js";
 import vScroll from "../../../directives/scroll/index.js";
 import { useInit, dataEmit, dataProps } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmit,
   setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
     const cs = useCssName("listsp");
     const slots = useSlots();
     const props = __props;
@@ -35,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onCurrentChange,
       paginat,
       data
-    } = useInit(props, emit, refTable, true);
+    } = useInit(props, emit, refTable, getLocale, true);
     __expose({
       getSelection,
       initData,

package/dist/components/page/index.css

@@ -99,6 +99,9 @@
 .forms-elf.center .el-form-item__label {
   justify-content: center;
 }
+.forms .forms-li.forms-buts {
+  margin-right: 0;
+}
 .forms-buts-div .el-button {
   height: inherit;
 }
@@ -215,6 +218,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;