@fangzhongya/fang-ui 0.0.97 → 0.0.99

package/dist/components/form-item/src/index2.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/expose/index.cjs");
 const index$2 = require("element-plus/es/components/form/index");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vues.useAttrs();
-    const slots = vues.useSlots();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("form-item");
     const props = __props;
     const emit = __emit;
-    const elRef = vues.ref();
+    const elRef = vue.ref();
     __expose(
       index$1.useExpose(
         {
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElFormItem), vues.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElFormItem), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
-        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vues.withCtx((scope) => [
-              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
             ])
           };
         })

package/dist/components/form-item/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/form-item.scss' as *;

package/dist/components/form-item/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/form-item.scss' as *;
-@use 'element-plus/theme-chalk/src/form.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/forms/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -108,7 +109,7 @@
 
 .selects-select {
   height: 100%;
-  min-width: 100px;
+  min-width: 60px;
   width: 100%;
 }
 .selects-select > div {
@@ -201,6 +202,11 @@
   cursor: not-allowed;
 }
 
+.images-img {
+  width: 100%;
+  height: 100%;
+}
+
 .input-array {
   width: 100%;
   display: inline-flex;
@@ -446,6 +452,107 @@
   width: 100%;
 }
 
+.uploads {
+  display: flex;
+  align-items: center;
+}
+.uploads-upload-trigger {
+  width: 60px;
+  height: 60px;
+  border: 1px dashed #ccc;
+  font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.uploads-upload-trigger.is-disabled {
+  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
+  background-color: var(--el-disabled-bg-color);
+  color: var(--el-disabled-text-color);
+  cursor: not-allowed;
+}
+.uploads-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.uploads-list-li {
+  position: relative;
+  margin-right: 10px;
+  width: 60px;
+  height: 60px;
+  border: 1px solid #ccc;
+}
+.uploads-list-li:hover .uploads-list-li-operation {
+  display: flex;
+}
+.uploads-list-li-operation {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+  z-index: 100;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+}
+.uploads-list-li-operation > span {
+  font-size: 16px;
+  padding: 3px;
+  line-height: 1;
+  cursor: pointer;
+}
+.uploads-list-li-operation-delete {
+  color: var(--el-color-danger);
+}
+.uploads-list-li-value {
+  height: 100%;
+}
+.uploads-list-li-value-img {
+  height: 100%;
+  width: 100%;
+}
+.uploads-list-li-value-img-error {
+  font-size: 14px;
+  background-color: var(--el-fill-color-light);
+  color: var(--el-text-color-placeholder);
+  max-height: 100%;
+  /* 换行设置 */
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  /* 多行省略 */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
+  line-height: 1.1;
+}
+.uploads-list-li-value-document {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.uploads-list-li-value-document-bg {
+  position: absolute;
+  inset: 0;
+  opacity: 0.1;
+}
+.uploads-list-li-value-document-text {
+  max-height: 100%;
+  /* 换行设置 */
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  /* 多行省略 */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
+  line-height: 1.1;
+}
+
 .forms {
   --forms-inline-right: 16px;
   --forms-row-height: 32px;

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

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

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

@@ -5,7 +5,7 @@ const util = require("./util.cjs");
 require("../../../utils/css.cjs");
 const use = require("../../common/use.cjs");
 require("../../../utils/index.cjs");
-const vues = require("vue");
+const vue = require("vue");
 const compons = require("../../common/compons.cjs");
 const index = require("../../forms-items/index.cjs");
 const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
@@ -23,7 +23,7 @@ const Changes = [
   "Cascader"
 ];
 function setUp(props, emit, cs, refForm, getLocale) {
-  const buts = vues.computed(() => {
+  const buts = vue.computed(() => {
     if (typeof props.buts == "undefined") {
       return [
         {
@@ -41,13 +41,13 @@ function setUp(props, emit, cs, refForm, getLocale) {
     }
   });
   const tfcom = compons.getCompons(Components, props.compons);
-  vues.provide("forms-compons", tfcom);
-  vues.provide("forms-form", props);
+  vue.provide("forms-compons", tfcom);
+  vue.provide("forms-form", props);
   const defaultValue = {};
   const getDataForm = () => {
     if (props.modelValue) {
-      if (vues.isProxy(props.modelValue)) {
-        return vues.computed({
+      if (vue.isProxy(props.modelValue)) {
+        return vue.computed({
           get() {
             return props.modelValue;
           },
@@ -56,14 +56,14 @@ function setUp(props, emit, cs, refForm, getLocale) {
           }
         });
       } else {
-        return vues.ref(props.modelValue);
+        return vue.ref(props.modelValue);
       }
     } else {
-      return vues.ref(defaultValue);
+      return vue.ref(defaultValue);
     }
   };
   const dataForm = getDataForm();
-  const styles = vues.computed(() => {
+  const styles = vue.computed(() => {
     return cs.vdo({
       "inline-right": props.inlineRight,
       "item-bottom": props.query ? "0px" : props.itemBottom
@@ -145,15 +145,15 @@ function setUp(props, emit, cs, refForm, getLocale) {
     setListValue(props.list);
     return rules;
   }
-  const dataRules = vues.ref(getRules());
-  vues.watch(
+  const dataRules = vue.ref(getRules());
+  vue.watch(
     () => dataForm.value,
     () => {
       emit("upform", dataForm.value);
     },
     { deep: true }
   );
-  vues.watch(
+  vue.watch(
     () => props.list.length,
     () => {
       dataRules.value = getRules();

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

@@ -1,5 +1,3 @@
-@use '../index.scss' as *;
-
 @use '../../form/style/index2.scss' as *;
 @use '../../form-item/style/index2.scss' as *;
 @use '../../button/style/index2.scss' as *;
@@ -7,3 +5,5 @@
 @use '../../forms-div/style/index2.scss' as *;
 @use '../../forms-item/style/index2.scss' as *;
 @use '../../common/compons2.scss' as *;
+
+@use '../index.scss' as *;

package/dist/components/forms-div/src/index2.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../utils/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
@@ -8,7 +8,7 @@ const use = require("../../common/use.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const Components = {};
-const _sfc_main = vues.defineComponent({
+const _sfc_main = vue.defineComponent({
   components: Components,
   expose: data.dataExpose,
   emits: data.dataEmits,
@@ -16,8 +16,8 @@ const _sfc_main = vues.defineComponent({
   setup(prs, { emit, slots }) {
     const cs = index.useCssName("forms-div");
     const props = prs.listobj;
-    const compons = vues.inject("forms-compons", {});
-    const formvalue = vues.computed(() => {
+    const compons = vue.inject("forms-compons", {});
+    const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
         Object.keys(props.formvalue).forEach((key) => {
@@ -27,7 +27,7 @@ const _sfc_main = vues.defineComponent({
       }
       return o;
     });
-    const binds = vues.computed(() => {
+    const binds = vue.computed(() => {
       const obj = { ...props.config, ...formvalue.value };
       const binds2 = {};
       Object.keys(obj).forEach((key) => {
@@ -38,7 +38,7 @@ const _sfc_main = vues.defineComponent({
       });
       return binds2;
     });
-    const value = vues.computed({
+    const value = vue.computed({
       get() {
         let v = prs.modelValue ?? {};
         if (props.orig) {
@@ -73,7 +73,7 @@ const _sfc_main = vues.defineComponent({
         }
       }
     });
-    const options = vues.computed(() => {
+    const options = vue.computed(() => {
       const optionss = prs.optionss;
       if (typeof props.options === "string") {
         const value2 = optionss[props.options];
@@ -111,12 +111,12 @@ const _sfc_main = vues.defineComponent({
       if (typeof compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(compon);
         if (Object.keys(compons).includes(tcom)) {
-          return vues.h(compons[tcom], componObj, slots);
+          return vue.h(compons[tcom], componObj, slots);
         } else {
-          return vues.h(vues.resolveComponent(compon), componObj, slots);
+          return vue.h(vue.resolveComponent(compon), componObj, slots);
         }
       } else {
-        return vues.h(compon, componObj, slots);
+        return vue.h(compon, componObj, slots);
       }
     };
     const setSslot = () => {
@@ -137,7 +137,7 @@ const _sfc_main = vues.defineComponent({
       return render();
     };
     return () => {
-      return props.compon ? vues.h("div", { class: cs.z() }, [setSslot()]) : "";
+      return props.compon ? vue.h("div", { class: cs.z() }, [setSslot()]) : "";
     };
   }
 });