@fangzhongya/fang-ui 0.1.51 → 0.1.52

package/dist/components/tables/common/com-limit2.cjs

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../hooks/cssname/index.cjs");
+const getAttrValue = require("../../../utils/vues/getAttrValue.cjs");
+const tooltip = require("./tooltip.cjs");
+const _hoisted_1 = ["title"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "com-limit",
+  props: {
+    /**
+     * @props { String } maxHeight ( )
+     * 最大高度
+     */
+    maxHeight: { type: String },
+    /**
+     * @props { Number } lineClamp ( )
+     * 超出几行隐藏
+     */
+    lineClamp: {
+      type: Number
+    },
+    modelValue: {
+      type: String
+    },
+    showOverflow: {
+      type: [Boolean, String]
+    },
+    listobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(__props) {
+    const cs = index.useCssName("com-limit");
+    const props = __props;
+    const refDom = vue.ref();
+    const showOverflow = vue.computed(() => {
+      return props.showOverflow ?? getAttrValue.getAttrValue(props.listobj, "showOverflow");
+    });
+    const title = vue.computed(() => {
+      if (showOverflow.value == "title") {
+        return props.modelValue;
+      }
+    });
+    const onMouseenter = ($event) => {
+      if (showOverflow.value) {
+        return handleCellMouseEnter($event, showOverflow.value);
+      }
+    };
+    const handleCellMouseLeave = ($event) => {
+      tooltip.hideTooltip($event);
+    };
+    const handleCellMouseEnter = ($event, showOverflow2) => {
+      tooltip.showTooltip($event, refDom.value, showOverflow2, props.lineClamp);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ret: "refDom",
+        onMousedown: handleCellMouseLeave,
+        onMouseenter,
+        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("tooltip", showOverflow.value)]),
+        style: vue.normalizeStyle({
+          maxHeight: props.maxHeight,
+          lineClamp: props.lineClamp
+        }),
+        title: title.value
+      }, vue.toDisplayString(props.modelValue), 47, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/com-limit2.js

@@ -0,0 +1,91 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, toDisplayString } from "vue";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
+import { hideTooltip, showTooltip } from "./tooltip.js";
+const _hoisted_1 = ["title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "com-limit",
+  props: {
+    /**
+     * @props { String } maxHeight ( )
+     * 最大高度
+     */
+    maxHeight: { type: String },
+    /**
+     * @props { Number } lineClamp ( )
+     * 超出几行隐藏
+     */
+    lineClamp: {
+      type: Number
+    },
+    modelValue: {
+      type: String
+    },
+    showOverflow: {
+      type: [Boolean, String]
+    },
+    listobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(__props) {
+    const cs = useCssName("com-limit");
+    const props = __props;
+    const refDom = ref();
+    const showOverflow = computed(() => {
+      return props.showOverflow ?? getAttrValue(props.listobj, "showOverflow");
+    });
+    const title = computed(() => {
+      if (showOverflow.value == "title") {
+        return props.modelValue;
+      }
+    });
+    const onMouseenter = ($event) => {
+      if (showOverflow.value) {
+        return handleCellMouseEnter($event, showOverflow.value);
+      }
+    };
+    const handleCellMouseLeave = ($event) => {
+      hideTooltip($event);
+    };
+    const handleCellMouseEnter = ($event, showOverflow2) => {
+      showTooltip($event, refDom.value, showOverflow2, props.lineClamp);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ret: "refDom",
+        onMousedown: handleCellMouseLeave,
+        onMouseenter,
+        class: normalizeClass([unref(cs).z(), unref(cs).is("tooltip", showOverflow.value)]),
+        style: normalizeStyle({
+          maxHeight: props.maxHeight,
+          lineClamp: props.lineClamp
+        }),
+        title: title.value
+      }, toDisplayString(props.modelValue), 47, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/tables/common/com.scss

@@ -0,0 +1,12 @@
+@use '../../scss/common.scss' as *;
+
+$limit: 'com-limit';
+@include b($limit) {
+	&.#{is('tooltip')} {
+		max-height: var(vdm('max-height', $limit));
+		display: -webkit-box;
+		-webkit-line-clamp: var(vdm('line-clamp', $limit), 1); /* 显示的行数 */
+		-webkit-box-orient: vertical;
+		text-overflow: ellipsis;
+	}
+}

package/dist/components/tables/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -22,6 +23,14 @@
   line-height: var(--lable-array-height);
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);

package/dist/components/tables/index.scss

@@ -1,5 +1,7 @@
 @use '../scss/common.scss' as *;
 
+@use 'common/com.scss' as *;
+
 $tables: 'tables';
 @include b($tables) {
 	// height: 100%;

package/dist/components/tables/src/columns2.cjs

@@ -6,13 +6,15 @@ require("../common/com-but.cjs");
 require("../common/com-color.cjs");
 require("../common/com-lis.cjs");
 require("../common/com-fig.cjs");
+require("../common/com-limit.cjs");
+const comLimit_vue_vue_type_script_setup_true_lang = require("../common/com-limit2.cjs");
 const comFig_vue_vue_type_script_setup_true_lang = require("../common/com-fig2.cjs");
 const comLis_vue_vue_type_script_setup_true_lang = require("../common/com-lis2.cjs");
 const comColor_vue_vue_type_script_setup_true_lang = require("../common/com-color2.cjs");
 const comBut_vue_vue_type_script_setup_true_lang = require("../common/com-but2.cjs");
 const _sfc_main = vue.defineComponent({
   emits: ["list-events"],
-  components: { But: comBut_vue_vue_type_script_setup_true_lang.default, Color: comColor_vue_vue_type_script_setup_true_lang.default, Lis: comLis_vue_vue_type_script_setup_true_lang.default, Fig: comFig_vue_vue_type_script_setup_true_lang.default },
+  components: { But: comBut_vue_vue_type_script_setup_true_lang.default, Color: comColor_vue_vue_type_script_setup_true_lang.default, Lis: comLis_vue_vue_type_script_setup_true_lang.default, Fig: comFig_vue_vue_type_script_setup_true_lang.default, Limit: comLimit_vue_vue_type_script_setup_true_lang.default },
   expose: [],
   props: {
     list: Array,

package/dist/components/tables/src/columns2.js

@@ -4,13 +4,15 @@ import "../common/com-but.js";
 import "../common/com-color.js";
 import "../common/com-lis.js";
 import "../common/com-fig.js";
-import _sfc_main$1 from "../common/com-fig2.js";
-import _sfc_main$2 from "../common/com-lis2.js";
-import _sfc_main$3 from "../common/com-color2.js";
-import _sfc_main$4 from "../common/com-but2.js";
+import "../common/com-limit.js";
+import _sfc_main$1 from "../common/com-limit2.js";
+import _sfc_main$2 from "../common/com-fig2.js";
+import _sfc_main$3 from "../common/com-lis2.js";
+import _sfc_main$4 from "../common/com-color2.js";
+import _sfc_main$5 from "../common/com-but2.js";
 const _sfc_main = defineComponent({
   emits: ["list-events"],
-  components: { But: _sfc_main$4, Color: _sfc_main$3, Lis: _sfc_main$2, Fig: _sfc_main$1 },
+  components: { But: _sfc_main$5, Color: _sfc_main$4, Lis: _sfc_main$3, Fig: _sfc_main$2, Limit: _sfc_main$1 },
   expose: [],
   props: {
     list: Array,

package/dist/components/tablesp/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -22,6 +23,14 @@
   line-height: var(--lable-array-height);
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);

package/dist/components/tablespd/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -22,6 +23,14 @@
   line-height: var(--lable-array-height);
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);

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

@@ -78,10 +78,10 @@ export declare const dataProps: {
     };
     options: {
         type: {
-            (arrayLength: number): ObjAny[];
-            (...items: ObjAny[]): ObjAny[];
-            new (arrayLength: number): ObjAny[];
-            new (...items: ObjAny[]): ObjAny[];
+            (arrayLength: number): (string | number | boolean | ObjAny)[];
+            (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
+            new (arrayLength: number): (string | number | boolean | ObjAny)[];
+            new (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -95,9 +95,6 @@ export declare const dataProps: {
         };
         default(): never[];
     };
-    clearAbsent: {
-        type: BooleanConstructor;
-    };
     label: {
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
@@ -112,11 +109,17 @@ export declare const dataProps: {
     multiple: {
         type: (BooleanConstructor | StringConstructor)[];
     };
-    load: {
-        type: BooleanConstructor[];
+    isLoad: {
+        type: BooleanConstructor;
+    };
+    isClearAbsent: {
+        type: BooleanConstructor;
+    };
+    isOptobj: {
+        type: BooleanConstructor;
     };
-    optobj: {
-        type: BooleanConstructor[];
+    default: {
+        type: null;
     };
 };
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/css/edit-data.css

@@ -0,0 +1,144 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #ffffff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
+}
+
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: var(--lable-array-height);
+}
+
+.edit-data-add {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main-top {
+  width: 100%;
+}
+.edit-data-add-main-top-li {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+}
+.edit-data-add-main-top-li-value {
+  flex: 1;
+}
+.edit-data-add-main-content {
+  flex: 1;
+  width: 100%;
+  margin: 10px;
+}
+.edit-data-add-main-content-name {
+  margin-bottom: 10px;
+}
+.edit-data-add-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+
+.edit-data-general-set {
+  display: flex;
+  align-items: center;
+}
+.edit-data-editor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-editor-main {
+  flex: 1;
+  position: relative;
+}
+.edit-data-editor-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-editor-content .edit-data-code {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs textarea {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+.edit-data-area-array, .edit-data-area-object {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-area-array-main, .edit-data-area-object-main {
+  flex: 1;
+  width: 100%;
+  position: relative;
+}
+.edit-data-area-array-content, .edit-data-area-object-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-json, .edit-data-area-object-json {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs, .edit-data-area-object-json .tabs {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs .tab-pane, .edit-data-area-object-json .tabs .tab-pane {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-add, .edit-data-area-object-add {
+  margin-bottom: 10px;
+}
+.edit-data-area-comp {
+  width: 100%;
+}
+.edit-data-area-comp-li {
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.edit-data-area-comp-li-div {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.edit-data-area-comp-li-name {
+  padding: 0 10px;
+}

package/dist/css/index.css

@@ -1095,6 +1095,14 @@
   white-space: pre-wrap;
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);
@@ -1452,9 +1460,17 @@
 .retract {
   position: relative;
 }
+.retract-div.left, .retract-div.right {
+  height: 100%;
+  display: flex;
+}
+.retract-div.top, .retract-div.bottom {
+  width: 100%;
+}
 .retract .retract-but {
   position: absolute;
   background-color: rgba(201, 201, 201, 0.5);
+  z-index: 1000;
 }
 .retract .retract-but .retract-icon {
   width: 100%;
@@ -1477,6 +1493,9 @@
   margin-top: -25px;
   left: -20px;
 }
+.retract .retract-but.is-left.is-adjust {
+  left: -10px;
+}
 .retract .retract-but.is-left .retract-icon {
   transform: rotate(0);
 }
@@ -1490,6 +1509,9 @@
   margin-top: -25px;
   right: -20px;
 }
+.retract .retract-but.is-right.is-adjust {
+  right: -10px;
+}
 .retract .retract-but.is-right .retract-icon {
   transform: rotate(-180deg);
 }
@@ -1503,6 +1525,9 @@
   margin-left: -25px;
   top: -20px;
 }
+.retract .retract-but.is-top.is-adjust {
+  top: -10px;
+}
 .retract .retract-but.is-top .retract-icon {
   transform: rotate(90deg);
 }
@@ -1516,6 +1541,9 @@
   margin-left: -25px;
   bottom: -20px;
 }
+.retract .retract-but.is-bottom.is-adjust {
+  bottom: -10px;
+}
 .retract .retract-but.is-bottom .retract-icon {
   transform: rotate(-90deg);
 }
@@ -1540,6 +1568,127 @@
   width: 120px;
 }
 
+.edit-data-add {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main-top {
+  width: 100%;
+}
+.edit-data-add-main-top-li {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+}
+.edit-data-add-main-top-li-value {
+  flex: 1;
+}
+.edit-data-add-main-content {
+  flex: 1;
+  width: 100%;
+  margin: 10px;
+}
+.edit-data-add-main-content-name {
+  margin-bottom: 10px;
+}
+.edit-data-add-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+
+.edit-data-general-set {
+  display: flex;
+  align-items: center;
+}
+.edit-data-editor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-editor-main {
+  flex: 1;
+  position: relative;
+}
+.edit-data-editor-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-editor-content .edit-data-code {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs textarea {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+.edit-data-area-array, .edit-data-area-object {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-area-array-main, .edit-data-area-object-main {
+  flex: 1;
+  width: 100%;
+  position: relative;
+}
+.edit-data-area-array-content, .edit-data-area-object-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-json, .edit-data-area-object-json {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs, .edit-data-area-object-json .tabs {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs .tab-pane, .edit-data-area-object-json .tabs .tab-pane {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-add, .edit-data-area-object-add {
+  margin-bottom: 10px;
+}
+.edit-data-area-comp {
+  width: 100%;
+}
+.edit-data-area-comp-li {
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.edit-data-area-comp-li-div {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.edit-data-area-comp-li-name {
+  padding: 0 10px;
+}
+
 .edit-float-body {
   display: inline-flex;
   align-items: center;

package/dist/css/page.css

@@ -707,6 +707,14 @@
   white-space: pre-wrap;
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);