@neatui/vue 2.7.2 → 2.7.3

package/src/components/loader/TableLoader@v3/TableColView@v3.vue

@@ -1,155 +0,0 @@
-<template>
-  <div v-if="isArray(node.child)" :class="wrap" v-bind="node.model[1]" v-on="event(node, data)">
-    <TableColView v-for="(sub, idx) in node.child" :key="idx" :col="sub" :data="data" />
-  </div>
-  <IFollowView v-else-if="node.popup" v-bind="node.popup.attrs">
-    <TableColView :col="{ ...node, popup: null }" :data="data" />
-    <template #tips>
-      <div class="nx-ms ny-sl">
-        <TableColView :col="node.popup" :data="data" />
-      </div>
-      <div ui-tips-arrow=""></div>
-    </template>
-  </IFollowView>
-  <img v-else-if="node.model[0] === 'Image' && value" :class="wrap" v-on="event(node, data)" :src="value" v-bind="node.model[1]" />
-  <el-input v-else-if="node.model[0] === 'Input'" :class="wrap" v-on="event(node, data)" v-model="value" v-bind="node.model[1]" size="mini" />
-  <div v-else :class="wrap" v-bind="node.attrs" v-on="event(node, data)" v-html="value"></div>
-</template>
-
-<script setup lang="ts">
-  import { computed } from 'vue';
-  import { isFunction, isArray, isObject, deepcopy } from '@fekit/utils';
-  import TableColView from './TableColView@v3.vue';
-  import IFollowView from '../IFollowView/IFollowView.vue';
-
-  // 定义接口
-  interface ColType {
-    field?: string | Function;
-    model?: any[] | Function;
-    enums?: any[] | Function;
-    popup?: any | Function;
-    attrs?: any;
-    event?: any;
-    value?: any | Function;
-    child?: any[];
-    [key: string]: any;
-  }
-
-  interface DataType {
-    [key: string]: any;
-  }
-
-  // Props定义
-  interface Props {
-    col: ColType;
-    data: DataType;
-  }
-
-  const props = withDefaults(defineProps<Props>(), {
-    col: () => ({}),
-    data: () => ({})
-  });
-
-  // Emits定义
-  const emit = defineEmits<{
-    'update:modelValue': [value: any];
-  }>();
-
-  // 计算属性
-  const node = computed(() => {
-    const _node = deepcopy(props.col);
-
-    // 字段
-    if (isFunction(_node.field)) {
-      _node.field = (_node.field as Function)(props.data);
-    }
-    if (!_node.field) {
-      _node.field = '';
-    }
-
-    // 模型
-    if (isFunction(_node.model)) {
-      _node.model = (_node.model as Function)(props.data);
-    }
-    if (!_node.model) {
-      _node.model = ['Text', {}];
-    }
-
-    // 枚举
-    if (isFunction(_node.enums)) {
-      _node.enums = (_node.enums as Function)(props.data);
-    }
-
-    // 提示
-    if (_node.popup) {
-      if (isFunction(_node.popup)) {
-        _node.popup = (_node.popup as Function)(props.data);
-      }
-    }
-
-    return _node;
-  });
-
-  const wrap = computed(() => {
-    return (node.value?.attrs?.class?.includes('wrap') ? node.value?.attrs?.class : (node.value?.attrs?.class || '') + ' nowrap').trim();
-  });
-
-  const value = computed({
-    get() {
-      let _value = node.value.value;
-      if (isFunction(_value)) {
-        _value = (_value as Function)(props.data, props.data[node.value.field], node.value);
-      } else {
-        _value = props.data[node.value.field];
-      }
-      if (node.value.enums) {
-        _value = findEnumName(node.value.enums, _value);
-      }
-      if (node.value.model[0] === 'Text' && (_value === null || _value === undefined)) {
-        _value = '‐‐';
-      }
-      return _value;
-    },
-    set(newValue: any) {
-      const _value = node.value.value;
-      if (isFunction(_value)) {
-        props.data[node.value.field] = (_value as Function)(props.data, newValue, node.value);
-      } else {
-        props.data[node.value.field] = newValue;
-      }
-    }
-  });
-
-  // 方法
-  const findEnumName = (enums: any[], val: any, join = ' Ι ') => {
-    const _core = (v: any) => {
-      const { label = v } = enums.find(({ value = '' }) => value == v) || {};
-      return label;
-    };
-    if (enums && enums.find) {
-      if (isArray(val)) {
-        const arr = val.map((i: any) => _core(i));
-        return join ? arr.join(join) : arr;
-      } else {
-        return _core(val);
-      }
-    } else {
-      return val;
-    }
-  };
-
-  const event = (col: ColType, data: DataType) => {
-    const _event: Record<string, Function> = {};
-    if (isObject(col.event)) {
-      for (const key in col.event) {
-        const fun = col.event[key];
-        if (isFunction(fun)) {
-          _event[key] = (...args: any[]) => {
-            return (fun as Function)({ data }, ...args);
-          };
-        }
-      }
-    }
-    return { ..._event };
-  };
-</script>