@neatui/nuxt 1.5.4 → 1.6.0

package/src/components/loader/FormLoader/FormLoader@v3.vue.backup

@@ -1,399 +0,0 @@
-<template>
-  <div class="form-loader n-sm-sub" :data-level="level" ui-row="">
-    <template v-for="(node, i1) in $nodes" :key="i1">
-      <div v-if="!node.clear" :key="i1" class="form-loader-item" :class="node.model[0] === 'Blank' ? 'form-loader-item-none n-no' : ''" :id="node._fid" :ui-col="node.media">
-        <!-- 字段外部上面插入其它内容 -->
-        <div class="flex-fixed" v-if="node.other && node.other.mt" v-bind="node.other.mt.attrs">
-          <template v-for="(item, idx) in node?.other?.mt?.child || []">
-            <div
-              v-if="!item.clear"
-              :key="idx"
-              v-html="item.value"
-              v-bind="item.attrs"
-              v-on="event({ col: item, node, data: data[node.field], idx: i1, fun: { fAdd, fDel, _rows } })"
-            ></div>
-          </template>
-        </div>
-        <div class="flex-block" ui-flex="row lt">
-          <!-- 字段外部左边插入其他内容 -->
-          <div class="flex-fixed" v-if="node.other && node.other.ml" v-bind="node.other.ml.attrs">
-            <template v-for="(item, idx) in node?.other?.ml?.child || []">
-              <div
-                v-if="!item.clear"
-                :key="idx"
-                v-html="item.value"
-                v-bind="item.attrs"
-                v-on="event({ col: item, node, data: data[node.field], idx: i1, fun: { fAdd, fDel, _rows } })"
-              ></div>
-            </template>
-          </div>
-          <!-- 字段主体 -->
-          <div class="flex-block">
-            <div
-              :id="`form${index + '' ? '-' + index : ''}-field-${node.field || '*'}`"
-              v-bind="node.attrs"
-              v-on="event({ col: node, node, data, idx: i1, fun: { fAdd, fDel, _rows } })"
-              :data-level="level"
-              data-node="child"
-            >
-              <slot :name="node.field" :node="node" :data="data">
-                <div
-                  v-if="node.label[0] !== '*'"
-                  :class="`form-loader-label ${node.vertical ? 'flex-block' : 'flex-fixed nr-sm'} o-ls nt-ss`"
-                  :style="labelcss(node)"
-                  ui-flex="row xm"
-                >
-                  <slot v-if="slots.includes(`${node.field}-label`)" :name="`${node.field}-label`"></slot>
-                  <slot v-else name="every-label" :node="node" :data="data">
-                    <template v-if="node.label[0]">
-                      <h6 class="flex-block pr o-lm" style="padding-top: 2px" v-if="node.vertical" v-bind="node.label[1]">
-                        <template v-if="node.label[0] === '*'"></template>
-                        <template v-else>
-                          <b v-if="node.rules.some((v) => v.required)" class="co-risk">﹡</b><span>{{ node.label[0] }}</span>
-                        </template>
-                      </h6>
-                      <h6 v-else class="flex-block ar pr o-lm" style="padding-top: 2px" v-bind="node.label[1]">
-                        <template v-if="node.label[0] === '*'"></template>
-                        <template v-else>
-                          <b v-if="node.rules.some((v) => v.required)" class="co-risk">﹡</b><span>{{ node.label[0] }}</span>
-                        </template>
-                      </h6>
-                    </template>
-                  </slot>
-                </div>
-                <div class="flex-block" ui-flex="col xm">
-                  <!-- 字段内部上边插入其他内容 -->
-                  <div class="flex-fixed" v-if="node.other && node.other.nt" v-bind="node.other.nt.attrs">
-                    <template v-for="(item, idx) in node?.other?.nt?.child || []">
-                      <div
-                        v-if="!item.clear"
-                        :key="idx"
-                        v-html="item.value"
-                        v-bind="item.attrs"
-                        v-on="event({ col: item, node, data: data[node.field], idx: i1, fun: { fAdd, fDel, _rows } })"
-                      ></div>
-                    </template>
-                  </div>
-                  <div ui-flex="row lt">
-                    <!-- 字段内部左边插入其他内容 -->
-                    <div class="flex-fixed" v-if="node.other && node.other.nl" v-bind="node.other.nl.attrs">
-                      <template v-for="(item, idx) in node?.other?.nl?.child || []">
-                        <div
-                          v-if="!item.clear"
-                          :key="idx"
-                          v-html="item.value"
-                          v-bind="item.attrs"
-                          v-on="event({ col: item, node, data: data[node.field], idx: i1, fun: { fAdd, fDel, _rows } })"
-                        ></div>
-                      </template>
-                    </div>
-                    <div class="flex-block">
-                      <template v-if="node.array">
-                        <template v-if="isArray(node.array.lists)">
-                          <div v-if="data[node.field].length" class="form-loader-group-array flex-block n-sm-sub" ui-row="">
-                            <div v-for="(item, i2) in data[node.field]" :key="i2" class="form-loader-array-item full">
-                              <div class="flex-fixed" v-if="node.array.other && node.array.other.ml" v-bind="node.array.other.ml.attrs">
-                                <template v-if="node.array.other.mt.child && isArray(node.array.other.mt.child)">
-                                  <div
-                                    v-for="(item, idx) in node.array.other.mt.child"
-                                    v-if="!item.clear"
-                                    :key="idx"
-                                    v-html="item.value"
-                                    v-bind="item.attrs"
-                                    v-on="event({ col: item, node, data: data[node.field], idx: i2, fun: { fAdd, fDel, _rows } })"
-                                  ></div>
-                                </template>
-                              </div>
-                              <div class="full" ui-flex="row xt">
-                                <div class="flex-fixed" v-if="node.array.other && node.array.other.ml" v-bind="node.array.other.ml.attrs">
-                                  <template v-if="node.array.other.ml.child && isArray(node.array.other.ml.child)">
-                                    <div
-                                      v-for="(item, idx) in node.array.other.ml.child"
-                                      v-if="!item.clear"
-                                      :key="idx"
-                                      v-html="item.value"
-                                      v-bind="item.attrs"
-                                      v-on="event({ col: item, node, data: data[node.field], idx: i2, fun: { fAdd, fDel, _rows } })"
-                                    ></div>
-                                  </template>
-                                </div>
-                                <div class="flex-block" v-bind="node.array.attrs">
-                                  <FormLoader
-                                    v-model:form="node.array.lists"
-                                    v-model:data="item"
-                                    :parentNode="node"
-                                    v-model:parent="data[node.field]"
-                                    v-model:fulldata="data"
-                                    :rows="rows"
-                                    :level="level + 1"
-                                    :index="i2"
-                                    :debug="debug"
-                                    :mode="mode"
-                                    :interacted="interacted"
-                                    :slots="slots"
-                                    :globalLabelWidth="lw"
-                                    :cache="cache"
-                                  >
-                                    <!-- 通用插槽 -->
-                                    <template v-slot:every-label="slotprops"><slot name="every-label" v-bind="slotprops"></slot></template>
-                                    <template v-slot:array-label="slotprops"><slot name="array-label" v-bind="slotprops"></slot></template>
-                                    <template v-slot:child-label="slotprops"><slot name="child-label" v-bind="slotprops"></slot></template>
-
-                                    <!-- Vue 3 支持动态插槽，不需要手动遍历 -->
-                                    <template v-for="slotName in slots" :key="slotName" v-slot:[slotName]="slotprops">
-                                      <slot :name="slotName" v-bind="slotprops"></slot>
-                                    </template>
-                                  </FormLoader>
-                                </div>
-                                <div class="flex-fixed" v-if="node.array.other && node.array.other.mr" v-bind="node.array.other.mr.attrs">
-                                  <template v-for="(item, idx) in node?.array?.other?.mr?.child || []">
-                                    <div
-                                      v-if="!item.clear"
-                                      :key="idx"
-                                      v-html="item.value"
-                                      v-bind="item.attrs"
-                                      v-on="event({ col: item, node, data: data[node.field], idx: i2, fun: { fAdd, fDel, _rows } })"
-                                    ></div>
-                                  </template>
-                                </div>
-                              </div>
-                              <div class="flex-fixed" v-if="node.array.other && node.array.other.ml" v-bind="node.array.other.ml.attrs">
-                                <template v-if="node.array.other.mb.child && isArray(node.array.other.mb.child)">
-                                  <div
-                                    v-for="(item, idx) in node.array.other.mb.child"
-                                    v-if="!item.clear"
-                                    :key="idx"
-                                    v-html="item.value"
-                                    v-bind="item.attrs"
-                                    v-on="event({ col: item, node, data: data[node.field], idx: i2, fun: { fAdd, fDel, _rows } })"
-                                  ></div>
-                                </template>
-                              </div>
-                            </div>
-                          </div>
-                        </template>
-                        <div v-else v-html="err(`配置错误：Field: ${node.field} 配置了属性值 [array.lists] 必须是一个数组`)"></div>
-                      </template>
-                      <template v-else-if="node.child">
-                        <template v-if="isArray(node.child)">
-                          <FormLoader
-                            class="flex-block form-loader-group-child"
-                            v-model:form="node.child"
-                            v-model:data="form._data"
-                            v-model:fulldata="data"
-                            :rows="rows"
-                            :level="level + 1"
-                            :debug="debug"
-                            :mode="mode"
-                            :interacted="interacted"
-                            :slots="slots"
-                            :globalLabelWidth="lw"
-                            :cache="cache"
-                          >
-                            <!-- 通用插槽 -->
-                            <template v-slot:every-label="slotprops"><slot name="every-label" v-bind="slotprops"></slot></template>
-                            <template v-slot:array-label="slotprops"><slot name="array-label" v-bind="slotprops"></slot></template>
-                            <template v-slot:child-label="slotprops"><slot name="child-label" v-bind="slotprops"></slot></template>
-
-                            <template v-for="slotName in slots" :key="slotName" v-slot:[slotName]="slotprops">
-                              <slot :name="slotName" v-bind="slotprops"></slot>
-                            </template>
-                          </FormLoader>
-                        </template>
-                        <div v-else v-html="err(`配置错误：Field: ${node.field} 配置了属性值 [child] 必须是一个数组`)"></div>
-                      </template>
-                      <template v-else>
-                        <FormRender v-model:node="node" v-model:data="data" :interacted="interacted" :data-field="node.field" :mode="mode">
-                          <template v-slot:[`${node.field}-value`]="slotprops">
-                            <slot :name="`${node.field}-value`" v-bind="slotprops"></slot>
-                          </template>
-                        </FormRender>
-                      </template>
-                    </div>
-                    <!-- 字段内部右边插入其他内容 -->
-                    <div class="flex-fixed" v-if="node.other && node.other.nr" v-bind="node.other.nr.attrs">
-                      <template v-for="(item, idx) in node?.other?.nr?.child || []">
-                        <div
-                          v-if="!item.clear"
-                          :key="idx"
-                          v-html="item.value"
-                          v-bind="item.attrs"
-                          v-on="event({ col: item, parentNode, node, data: parent, idx: i1, index, fun: { fAdd, fDel, _rows } })"
-                        ></div>
-                      </template>
-                    </div>
-                  </div>
-                  <!-- 字段内部下边插入其他内容 -->
-                  <div class="flex-fixed" v-if="node.other && node.other.nb" v-bind="node.other.nb.attrs">
-                    <template v-for="(item, idx) in node?.other?.nb?.child || []">
-                      <div
-                        v-if="!item.clear"
-                        :key="idx"
-                        v-html="item.value"
-                        v-bind="item.attrs"
-                        v-on="event({ col: item, node, data: data[node.field], idx: i1, fun: { fAdd, fDel, _rows } })"
-                      ></div>
-                    </template>
-                  </div>
-                </div>
-              </slot>
-            </div>
-          </div>
-          <!-- 字段外部右边插入其他内容 -->
-          <div class="flex-fixed" v-if="node.other && node.other.mr && !node.other.mr.clear" v-bind="node.other.mr.attrs">
-            <template v-for="(item, idx) in node?.other?.mr?.child || []">
-              <div
-                v-if="!item.clear"
-                :key="idx"
-                v-html="item.value"
-                v-bind="item.attrs"
-                v-on="event({ col: item, node, data: data[node.field], idx: i1, fun: { fAdd, fDel, _rows } })"
-              ></div>
-            </template>
-          </div>
-        </div>
-        <!-- 字段外部下边插入其他内容 -->
-        <div class="flex-fixed" v-if="node.other && node.other.mb" v-bind="node.other.mb.attrs">
-          <template v-for="(item, idx) in node?.other?.mb?.child || []">
-            <div
-              v-if="!item.clear"
-              :key="idx"
-              v-html="item.value"
-              v-bind="item.attrs"
-              v-on="event({ col: item, node, data: data[node.field], idx: i1, fun: { fAdd, fDel, _rows } })"
-            ></div>
-          </template>
-        </div>
-      </div>
-    </template>
-    <div v-if="slots.submit" class="full-x" ui-flex="row lm">
-      <div class="flex-fixed" :style="labelcss($nodes)">&nbsp;</div>
-      <div class="flex-block"><slot name="submit"></slot></div>
-    </div>
-  </div>
-</template>
-<script setup lang="ts">
-  import { computed, reactive, useSlots, withDefaults } from 'vue';
-  import { deepcopy, isObject, isArray, isFunction } from '@fekit/utils';
-
-  const slots = useSlots();
-
-  interface NodeProps {
-    label?: string | ((data: any) => string);
-    field?: string | ((data: any) => string);
-    model?: string | ((data: any) => string);
-    attrs?: Record<string, any> | ((data: any) => Record<string, any>);
-    rules?: Record<string, any> | ((data: any) => Record<string, any>);
-    clear?: boolean | ((data: any) => boolean);
-    media?: string | ((data: any) => string);
-  }
-
-  interface Props {
-    form: NodeProps[];
-    data: object;
-    level?: number | ((data: any) => number);
-    index?: number | ((data: any) => number);
-  }
-  const props = withDefaults(defineProps<Props>(), {
-    node: () => [],
-    data: () => ({}),
-    level: 0,
-    index: 0,
-  });
-
-  const state = reactive({
-    globalLabelWidth: 0,
-    lw: 0,
-  });
-
-  const $nodes = computed(() => {
-    const _nodes = deepcopy(props.form);
-    return _nodes.map((node: any) => {
-      return node;
-    });
-  });
-
-  const event = ({ col, node, data, idx = null, fun } = {}) => {
-    const _event = { ...col.event } || {};
-
-    // 代理交互
-    if (col.proxy) {
-      if (col.proxy === 'array-add-btn' && node.array) {
-        if (node.array) {
-          // 合并配置事件与代理事件
-          if (fun.fAdd) {
-            const _click = _event.click;
-            _event.click = function (...args) {
-              if (isFunction(_click)) {
-                _click.apply(this, args);
-              }
-              fun.fAdd(node, data, idx);
-            };
-          }
-        } else {
-          console.warn('数组新增按钮代理`array-add-btn`需配置在`array`下');
-        }
-      }
-      if (col.proxy === 'array-del-btn') {
-        if (node.array) {
-          // 合并配置事件与代理事件
-          if (fun.fDel) {
-            const _click = _event.click;
-            _event.click = function (...args) {
-              if (isFunction(_click)) {
-                _click.apply(this, args);
-              }
-              fun.fDel(node, data, idx);
-            };
-          }
-        } else {
-          console.warn('数组删除按钮代理`array-del-btn`需配置在`array`下');
-        }
-      }
-
-      if (col.proxy === 'array-add-sub' && node.array) {
-        if (node.array) {
-          console.log(784, node, data);
-          // 合并配置事件与代理事件
-          // if (fun.fAdd) {
-          //   const _click = _event.click;
-          //   _event.click = function(...args) {
-          //     if (isFunction(_click)) {
-          //       _click.apply(this, args);
-          //     }
-          //     fun.fAdd(node, data[node.field], idx);
-          //   };
-          // }
-        } else {
-          console.warn('数组新增按钮代理`array-add-btn`需配置在`array`下');
-        }
-      }
-    }
-
-    if (isObject(_event)) {
-      for (const key in _event) {
-        const fun = _event[key];
-        if (isFunction(fun)) {
-          _event[key] = (...args) => {
-            return fun({ node: col, data, idx, formloader: this }, ...args);
-          };
-        }
-      }
-    }
-    return { ..._event };
-  };
-
-  const labelcss = (nodes: any) => {
-    if (nodes.vertical) {
-      // 竖向
-      return ``;
-    } else if (nodes.transverse) {
-      // 横向不固定宽度
-      return ``;
-    } else {
-      // 横向
-      const _w = Math.max(state.globalLabelWidth, state.lw);
-      return `width:${_w}em; max-width:50%;`;
-    }
-  };
-</script>

package/src/components/loader/FormLoader/FormRender@v3.vue.backup

@@ -1,4 +0,0 @@
-<template>
-  <div></div>
-</template>
-<script setup lang="ts"></script>