@fangzhongya/fang-ui 0.1.38 → 0.1.40

package/dist/components/tablesv/src/column.js

@@ -69,14 +69,22 @@ function handleSelectableConfig(obj, vxeconfig, table) {
   };
 }
 function setSslot(obj, scope, emit, slots, props, index) {
-  const slot = useSetSlot(obj, scope.row, slots, index, scope);
+  const optionss = props.options || {};
+  const slot = useSetSlot(
+    obj,
+    scope.row,
+    slots,
+    optionss,
+    emit,
+    index,
+    scope
+  );
   if (slot) {
     return slot;
   }
   if (obj.compon) {
     const isComponSelected = props.isComponSelected;
     if (isComponSelected(obj, scope)) {
-      const optionss = props.options || {};
       const column = useSetCompon(
         obj,
         scope.row,
@@ -84,7 +92,7 @@ function setSslot(obj, scope, emit, slots, props, index) {
         useComponsGet(provides.compons),
         emit,
         index,
-        { ...scope, options: props.options, config: props.table }
+        { ...scope, options: optionss, config: props.table }
       );
       if (column) {
         return column;
@@ -129,7 +137,6 @@ function setDomValue(domValue, table) {
 function setHeader(obj, scope, slots, emit, props, index) {
   const optionss = props.options || {};
   return useGetDomLabel(
-    obj.label,
     obj,
     scope.row,
     slots,

package/dist/components/tablesv/src/columns.d.ts

@@ -1 +1,8 @@
+/**
+ * 渲染函数，用于处理列表渲染逻辑
+ * @param porps 包含组件属性的对象，必须包含list属性用于渲染列表数据
+ * @param emit 事件发射函数，用于触发自定义事件
+ * @param slots 插槽对象，包含组件的插槽配置
+ * @returns 返回处理后的列表渲染结果
+ */
 export declare function render(porps: ObjAny, emit: Function, slots: ObjAny): ObjAny[];

package/dist/components/tablesv/src/columns3.cjs

@@ -18,13 +18,7 @@ function getLists(arrs, emit, props, slots, listobj) {
       if (obj.children && obj.children.length > 0) {
         const slotObj = {
           default: (scope) => {
-            return getLists(
-              obj.children,
-              emit,
-              props,
-              slots,
-              obj
-            );
+            return getLists(obj.children, emit, props, slots, obj);
           }
         };
         if (obj.type != "selection") {

package/dist/components/tablesv/src/columns3.js

@@ -16,13 +16,7 @@ function getLists(arrs, emit, props, slots, listobj) {
       if (obj.children && obj.children.length > 0) {
         const slotObj = {
           default: (scope) => {
-            return getLists(
-              obj.children,
-              emit,
-              props,
-              slots,
-              obj
-            );
+            return getLists(obj.children, emit, props, slots, obj);
           }
         };
         if (obj.type != "selection") {

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

@@ -206,8 +206,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return tableRef.value;
     };
     vue.onMounted(() => {
-      if (window) {
-        window.addEventListener("click", () => {
+      if (globalThis) {
+        globalThis.addEventListener("click", () => {
           isfocus.value = false;
         });
       }
@@ -256,7 +256,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           default: vue.withCtx(() => [
             vue.createVNode(columns_vue_vue_type_script_lang.default, {
-              table: vue.unref(attrs).assem,
+              table: { ...vue.unref(props), ...vue.unref(attrs).assem },
               vxeconfig: config$1.value,
               value: vue.unref(props).value,
               list: vue.unref(props).list,

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

@@ -204,8 +204,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return tableRef.value;
     };
     onMounted(() => {
-      if (window) {
-        window.addEventListener("click", () => {
+      if (globalThis) {
+        globalThis.addEventListener("click", () => {
           isfocus.value = false;
         });
       }
@@ -254,7 +254,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             createVNode(_sfc_main$1, {
-              table: unref(attrs).assem,
+              table: { ...unref(props), ...unref(attrs).assem },
               vxeconfig: config.value,
               value: unref(props).value,
               list: unref(props).list,

package/dist/components/uploads/src/util.cjs

@@ -7,8 +7,7 @@ const getExtension = (fileName) => {
   const extension = fileName.toLowerCase();
   if (extension) {
     const ks = Object.keys(data.types);
-    for (let index = 0; index < ks.length; index++) {
-      const key = ks[index];
+    for (const key of ks) {
       if (data.types[key].includes(extension)) {
         return key;
       }
@@ -65,7 +64,7 @@ function smartFileHandler(url) {
   iframe.style.display = "none";
   iframe.src = url;
   iframe.onload = function() {
-    window.open(url, "_blank");
+    globalThis.open(url, "_blank");
     iframe.remove();
   };
   iframe.onerror = function() {

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

@@ -1,5 +1,12 @@
 import { ListValue } from '../../players/common/util';
 export declare const getType: (accept?: string) => string;
+/**
+ * 获取列表项的类型
+ * @param obj - 列表值对象，可选参数
+ * @param type - 指定的类型，可选参数
+ * @param accept - 接受的类型，可选参数
+ * @returns 返回确定的类型字符串
+ */
 export declare const getListType: (obj?: ListValue, type?: string, accept?: string) => string;
 /**
  * 从 URL 下载文件

package/dist/components/uploads/src/util.js

@@ -5,8 +5,7 @@ const getExtension = (fileName) => {
   const extension = fileName.toLowerCase();
   if (extension) {
     const ks = Object.keys(types);
-    for (let index = 0; index < ks.length; index++) {
-      const key = ks[index];
+    for (const key of ks) {
       if (types[key].includes(extension)) {
         return key;
       }
@@ -63,7 +62,7 @@ function smartFileHandler(url) {
   iframe.style.display = "none";
   iframe.src = url;
   iframe.onload = function() {
-    window.open(url, "_blank");
+    globalThis.open(url, "_blank");
     iframe.remove();
   };
   iframe.onerror = function() {

package/dist/css/forms-items.css

@@ -0,0 +1,67 @@
+: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);
+}
+
+.forms-div {
+  width: 100%;
+  height: 100%;
+}
+.forms-div-com {
+  height: 100%;
+}
+
+.forms-item {
+  width: 100%;
+}
+.forms-item-el-item.is-height {
+  min-height: var(--forms-item-row-height);
+}
+.forms-item-el-item.is-height .el-form-item__label {
+  height: var(--forms-item-row-height);
+  line-height: var(--forms-item-row-height);
+}
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
+.forms-item-el-item.is-top .el-form-item__content {
+  min-height: var(--forms-item-row-height);
+  display: grid;
+}
+
+.forms-items {
+  width: 100%;
+}
+.forms-items.row {
+  display: flex;
+  flex-direction: row;
+}
+.forms-items.column {
+  display: flex;
+  flex-direction: column;
+}
+.forms-items-li.no-error {
+  --el-color-danger: var(--el-border-color);
+}
+.forms-items-li.no-error .el-input__wrapper.is-focus {
+  --el-color-danger: var(--el-input-focus-border);
+}

package/dist/css/forms.css

@@ -49,6 +49,24 @@
   display: grid;
 }
 
+.forms-items {
+  width: 100%;
+}
+.forms-items.row {
+  display: flex;
+  flex-direction: row;
+}
+.forms-items.column {
+  display: flex;
+  flex-direction: column;
+}
+.forms-items-li.no-error {
+  --el-color-danger: var(--el-border-color);
+}
+.forms-items-li.no-error .el-input__wrapper.is-focus {
+  --el-color-danger: var(--el-input-focus-border);
+}
+
 .double {
   width: 100%;
   display: inline-flex;

package/dist/css/index.css

@@ -49,6 +49,24 @@
   display: grid;
 }
 
+.forms-items {
+  width: 100%;
+}
+.forms-items.row {
+  display: flex;
+  flex-direction: row;
+}
+.forms-items.column {
+  display: flex;
+  flex-direction: column;
+}
+.forms-items-li.no-error {
+  --el-color-danger: var(--el-border-color);
+}
+.forms-items-li.no-error .el-input__wrapper.is-focus {
+  --el-color-danger: var(--el-input-focus-border);
+}
+
 .double {
   width: 100%;
   display: inline-flex;

package/dist/css/page.css

@@ -49,6 +49,24 @@
   display: grid;
 }
 
+.forms-items {
+  width: 100%;
+}
+.forms-items.row {
+  display: flex;
+  flex-direction: row;
+}
+.forms-items.column {
+  display: flex;
+  flex-direction: column;
+}
+.forms-items-li.no-error {
+  --el-color-danger: var(--el-border-color);
+}
+.forms-items-li.no-error .el-input__wrapper.is-focus {
+  --el-color-danger: var(--el-input-focus-border);
+}
+
 .double {
   width: 100%;
   display: inline-flex;

package/dist/directives/adjust/index.cjs

@@ -22,9 +22,7 @@ function getPosition(el) {
   return obj;
 }
 function getNext(el, paren) {
-  if (!paren) {
-    paren = el.parentElement || el;
-  }
+  paren ?? (paren = el.parentElement ?? el);
   const cs = paren.childNodes;
   let index = 0;
   let k = cs.length;
@@ -40,9 +38,7 @@ function getNext(el, paren) {
   return cs[index];
 }
 function getFront(el, paren) {
-  if (!paren) {
-    paren = el.parentElement || el;
-  }
+  paren ?? (paren = el.parentElement ?? el);
   const cs = paren.childNodes;
   let index = cs.length - 1;
   let k = -1;
@@ -500,8 +496,8 @@ const vAdjust = {
     if (value && Object.keys(value).length > 0) {
       let getVobj = function(e) {
         let is = true;
-        for (let index = 0; index < arr.length; index++) {
-          const v = arr[index](e, eps);
+        for (const fun of arr) {
+          const v = fun(e, eps);
           if (v) {
             vobj = v;
             isCur = true;

package/dist/directives/adjust/index.js

@@ -20,9 +20,7 @@ function getPosition(el) {
   return obj;
 }
 function getNext(el, paren) {
-  if (!paren) {
-    paren = el.parentElement || el;
-  }
+  paren ?? (paren = el.parentElement ?? el);
   const cs = paren.childNodes;
   let index = 0;
   let k = cs.length;
@@ -38,9 +36,7 @@ function getNext(el, paren) {
   return cs[index];
 }
 function getFront(el, paren) {
-  if (!paren) {
-    paren = el.parentElement || el;
-  }
+  paren ?? (paren = el.parentElement ?? el);
   const cs = paren.childNodes;
   let index = cs.length - 1;
   let k = -1;
@@ -498,8 +494,8 @@ const vAdjust = {
     if (value && Object.keys(value).length > 0) {
       let getVobj = function(e) {
         let is = true;
-        for (let index = 0; index < arr.length; index++) {
-          const v = arr[index](e, eps);
+        for (const fun of arr) {
+          const v = fun(e, eps);
           if (v) {
             vobj = v;
             isCur = true;

package/dist/directives/drag/index.cjs

@@ -28,7 +28,7 @@ function setDom(dom, el, value) {
       });
     };
     const handleMouseMove = (event) => {
-      if (typeof value.often == "undefined" || value.often) {
+      if (value.often === void 0 || value.often) {
         setValue(event);
       }
       if (value.onMouseMove) {
@@ -77,6 +77,11 @@ function setDom(dom, el, value) {
 }
 const vDrag = {
   name: "Drag",
+  /**
+   * Vue指令的mounted钩子函数，用于在元素挂载时设置DOM相关属性
+   * @param el - 指令绑定的DOM元素
+   * @param binding - 指令绑定的相关信息对象
+   */
   mounted(el, binding) {
     const value = binding.value;
     let dom;

package/dist/directives/drag/index.js

@@ -26,7 +26,7 @@ function setDom(dom, el, value) {
       });
     };
     const handleMouseMove = (event) => {
-      if (typeof value.often == "undefined" || value.often) {
+      if (value.often === void 0 || value.often) {
         setValue(event);
       }
       if (value.onMouseMove) {
@@ -75,6 +75,11 @@ function setDom(dom, el, value) {
 }
 const vDrag = {
   name: "Drag",
+  /**
+   * Vue指令的mounted钩子函数，用于在元素挂载时设置DOM相关属性
+   * @param el - 指令绑定的DOM元素
+   * @param binding - 指令绑定的相关信息对象
+   */
   mounted(el, binding) {
     const value = binding.value;
     let dom;

package/dist/directives/expose/index.cjs

@@ -3,6 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const hasOwn = require("@fangzhongya/utils/basic/object/hasOwn");
 const index = {
   name: "expose",
+  /**
+   * Vue指令的created钩子函数，在指令绑定元素被创建时执行
+   * @param el 指令绑定的DOM元素
+   * @param binding 包含指令信息的绑定对象
+   * @param vnode 虚拟节点对象
+   */
   created(el, binding, vnode) {
     var _a, _b, _c, _d;
     if (!(binding == null ? void 0 : binding.instance)) return;

package/dist/directives/expose/index.js

@@ -1,6 +1,12 @@
 import { hasOwn } from "@fangzhongya/utils/basic/object/hasOwn";
 const index = {
   name: "expose",
+  /**
+   * Vue指令的created钩子函数，在指令绑定元素被创建时执行
+   * @param el 指令绑定的DOM元素
+   * @param binding 包含指令信息的绑定对象
+   * @param vnode 虚拟节点对象
+   */
   created(el, binding, vnode) {
     var _a, _b, _c, _d;
     if (!(binding == null ? void 0 : binding.instance)) return;

package/dist/directives/inserted/index.cjs

@@ -2,6 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vInserted = {
   name: "inserted",
+  /**
+   * Vue指令的created钩子函数，在绑定元素被创建时执行
+   * @param el 指令绑定的DOM元素
+   * @param binding 包含指令相关信息的绑定对象
+   */
   created(el, binding) {
     const value = binding.value;
     let dom = el;

package/dist/directives/inserted/index.js

@@ -1,5 +1,10 @@
 const vInserted = {
   name: "inserted",
+  /**
+   * Vue指令的created钩子函数，在绑定元素被创建时执行
+   * @param el 指令绑定的DOM元素
+   * @param binding 包含指令相关信息的绑定对象
+   */
   created(el, binding) {
     const value = binding.value;
     let dom = el;

package/dist/directives/locus/index.cjs

@@ -23,6 +23,11 @@ function setDom(el, value) {
 }
 const index = {
   name: "Locus",
+  /**
+   * Vue指令的mounted钩子函数，在元素挂载到DOM时执行
+   * @param el - 指令绑定的DOM元素
+   * @param binding - 指令绑定的相关信息对象
+   */
   mounted(el, binding) {
     const value = binding.value;
     if (value) {

package/dist/directives/locus/index.js

@@ -21,6 +21,11 @@ function setDom(el, value) {
 }
 const index = {
   name: "Locus",
+  /**
+   * Vue指令的mounted钩子函数，在元素挂载到DOM时执行
+   * @param el - 指令绑定的DOM元素
+   * @param binding - 指令绑定的相关信息对象
+   */
   mounted(el, binding) {
     const value = binding.value;
     if (value) {

package/dist/directives/scroll/index.cjs

@@ -107,6 +107,11 @@ function createScrollHandler(scrollContainer, config, value) {
 }
 const vScroll = {
   name: "scroll",
+  /**
+   * Vue指令的mounted钩子函数，用于初始化滚动相关的功能
+   * @param el - 指令绑定的DOM元素
+   * @param binding - 指令绑定的对象，包含value属性
+   */
   mounted(el, binding) {
     const value = binding.value;
     const config = parseConfig(el, value);
@@ -132,6 +137,11 @@ const vScroll = {
       scrollContainer.removeEventListener("scroll", scrollHandler);
     };
   },
+  /**
+   * 组件卸载时的清理函数
+   *
+   * @param el - 需要清理的HTML元素
+   */
   unmounted(el) {
     if (el._scrollCleanup) {
       el._scrollCleanup();

package/dist/directives/scroll/index.d.ts

@@ -4,8 +4,3 @@ import { Directive } from 'vue';
  */
 declare const _default: Directive;
 export default _default;
-declare global {
-    interface HTMLElement {
-        _scrollCleanup?: () => void;
-    }
-}

package/dist/directives/scroll/index.js

@@ -105,6 +105,11 @@ function createScrollHandler(scrollContainer, config, value) {
 }
 const vScroll = {
   name: "scroll",
+  /**
+   * Vue指令的mounted钩子函数，用于初始化滚动相关的功能
+   * @param el - 指令绑定的DOM元素
+   * @param binding - 指令绑定的对象，包含value属性
+   */
   mounted(el, binding) {
     const value = binding.value;
     const config = parseConfig(el, value);
@@ -130,6 +135,11 @@ const vScroll = {
       scrollContainer.removeEventListener("scroll", scrollHandler);
     };
   },
+  /**
+   * 组件卸载时的清理函数
+   *
+   * @param el - 需要清理的HTML元素
+   */
   unmounted(el) {
     if (el._scrollCleanup) {
       el._scrollCleanup();

package/dist/directives/sortable/index.cjs

@@ -3,6 +3,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Sortable = require("sortablejs");
 const vSortable = {
   name: "Sortable",
+  /**
+   * Vue指令的mounted钩子函数，用于初始化sortable功能
+   * @param el 指令绑定的DOM元素
+   * @param binding Vue指令绑定对象，包含value等属性
+   */
   mounted(el, binding) {
     const value = binding.value;
     let selector = el.getAttribute(`sortable-selector`);

package/dist/directives/sortable/index.js

@@ -1,6 +1,11 @@
 import Sortable from "sortablejs";
 const vSortable = {
   name: "Sortable",
+  /**
+   * Vue指令的mounted钩子函数，用于初始化sortable功能
+   * @param el 指令绑定的DOM元素
+   * @param binding Vue指令绑定对象，包含value等属性
+   */
   mounted(el, binding) {
     const value = binding.value;
     let selector = el.getAttribute(`sortable-selector`);

package/dist/directives/stick/index.cjs

@@ -5,12 +5,6 @@ const getShiftEvent = require("@fangzhongya/utils/dom/getShiftEvent");
 const attrValueSort = require("@fangzhongya/utils/basic/object/attrValueSort");
 function setDom(dom, el, value) {
   if (dom) {
-    let getDirection = function(obj2) {
-      return attrValueSort.attrValueSort(
-        obj2,
-        value.directions || ["left", "right", "top", "bottom"]
-      )[0];
-    };
     const obj = {
       position: "fixed",
       display: "flex",
@@ -23,6 +17,12 @@ function setDom(dom, el, value) {
     obj[key] = "0";
     obj["flex-direction"] = key == "left" || key == "right" ? "column" : "row";
     setCss.setCss(el, obj);
+    const getDirection = (obj2) => {
+      return attrValueSort.attrValueSort(
+        obj2,
+        value.directions || ["left", "right", "top", "bottom"]
+      )[0];
+    };
     const bodyStyle = document.body.style;
     const cursor = bodyStyle.cursor;
     const setValue = (event) => {
@@ -30,8 +30,8 @@ function setDom(dom, el, value) {
       key = getDirection({
         left: event.clientX,
         top: event.clientY,
-        right: window.innerWidth - event.clientX,
-        bottom: window.innerHeight - event.clientY
+        right: globalThis.innerWidth - event.clientX,
+        bottom: globalThis.innerHeight - event.clientY
       });
       setCss.setCss(el, {
         [key]: "0",
@@ -61,6 +61,11 @@ function setDom(dom, el, value) {
 }
 const vStick = {
   name: "Stick",
+  /**
+   * Vue指令的mounted钩子函数，用于在元素挂载时设置DOM相关属性
+   * @param el - 指令绑定的DOM元素
+   * @param binding - 指令绑定的相关信息对象
+   */
   mounted(el, binding) {
     const value = binding.value;
     let dom;