@neatui/nuxt 0.1.0 → 1.0.1

package/tsconfig.json

@@ -19,6 +19,6 @@
     },
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/shims-vue.d.ts"],
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/shims-vue.d.ts", "src/components/loader/FormLoader/FormRender@v3.vue.backup", "src/components/loader/FormLoader/FormLoader@v3.vue.backup"],
   "exclude": ["node_modules"]
 }

package/src/components/loader/FormLoader/index.ts

@@ -1,2 +0,0 @@
-import FormLoader from './FormLoader@v2.vue';
-export default FormLoader;

package/src/components/loader/LimitLoader/LimitLoader.vue.backup

@@ -1,131 +0,0 @@
-<template>
-  <div class="full-x" ui-flex="row xt">
-    <div ui-flex="row lm :wrap" class="mr-mm-sub my-sm-sub">
-      <template v-for="(item, idx) in state.limit" :key="idx">
-        <div v-if="item._view" ui-flex="row lm" v-bind="item.attrs">
-          <span class="nr-sm flex-fixed o-ls">{{ item.label }}{{ item.label ? ':' : '' }}</span>
-          <Select sz="s" v-if="item.model === 'Select'" class="w-mm" :options="item.enums" v-model="state.param[item.field]" />
-          <Cascader sz="s" v-else-if="item.model === 'Cascader'" class="w-mm" :options="item.enums" v-model="state.param[item.field]" />
-          <MoreSelect sz="s" v-else-if="item.model === 'MoreSelect'" class="w-mm" :options="item.enums" v-model="state.param[item.field]" />
-          <SearchMoreSelect sz="s" v-else-if="item.model === 'SearchMoreSelect'" class="w-mm" :options="item.enums" v-model="state.param[item.field]" />
-          <DatePicker v-else-if="item.model === 'DatePicker'" class="w-mm" sz="s" v-model="state.param[item.field]" @change="(val:any) => (state.param[item.field] = val)" />
-          <DateRangePicker
-            v-else-if="item.model === 'DateRangePicker'"
-            class="w-ls"
-            sz="s"
-            v-model="state.param[item.field]"
-            @change="(val:any) => (state.param[item.field] = val)"
-          />
-          <Input sz="s" v-else class="w-mm" :block="false" v-model="state.param[item.field]" />
-        </div>
-      </template>
-    </div>
-    <div ui-hide="<pad" class="mr-sl-sub my-sm-sub nowrap">
-      <IFollowView tipBoxClass="nr-no">
-        <button ui-btn="@a s case :border"><i class="icon icon-add2 fs-xs"></i>添加条件</button>
-        <template v-if="state.limit.length" #tips>
-          <div class="w-mm h-ls nr-sl" ui-scroll="x:hidden :y">
-            <div v-for="(item, idx) in state.limit" class="item ux-hover nowrap r-ss" :key="idx">
-              <label ui-form="@a type:checkbox" class="ny-xs nx-sm">
-                <input type="checkbox" :checked="item._view" @change="item._view = item._view ? 0 : 1" />
-                <span>{{ item.label }}</span>
-              </label>
-            </div>
-          </div>
-        </template>
-      </IFollowView>
-      <button ui-btn="@a s main" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
-    </div>
-  </div>
-  <div ui-hide=">mob" class="mr-sl-sub my-sm-sub nowrap">
-    <IFollowView tipBoxClass="nr-no">
-      <button ui-btn="@a s case :border"><i class="icon icon-add2 fs-xs"></i>添加条件</button>
-      <template v-if="state.limit.length" #tips>
-        <div class="w-mm h-ls nr-sl" ui-scroll="x:hidden :y">
-          <div v-for="(item, idx) in state.limit" class="item ux-hover nowrap r-ss" :key="idx">
-            <label ui-form="@a type:checkbox" class="ny-xs nx-sm">
-              <input type="checkbox" :checked="item._view" @change="item._view = item._view ? 0 : 1" />
-              <span>{{ item.label }}</span>
-            </label>
-          </div>
-        </div>
-      </template>
-    </IFollowView>
-    <button ui-btn="@a s main" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
-  </div>
-</template>
-<script setup lang="ts">
-  import { computed, reactive, watch } from 'vue';
-  import { useRoute } from 'vue-router';
-  import { IFollowView } from '../../basic';
-  import { Input, Select, MoreSelect, SearchMoreSelect, DatePicker, DateRangePicker, Cascader } from '../../form';
-  const route = useRoute();
-
-  // 外部数据
-  const props: any = defineProps({
-    words: {
-      type: Object,
-      default: () => ({})
-    },
-    limit: {
-      type: Array as () => any[],
-      default: () => []
-    },
-    param: {
-      type: Object,
-      default: () => ({})
-    }
-  });
-
-  // 内部数据
-  const state: any = reactive({
-    name: computed(() => 'confs' + route.path?.replace(/\//g, '_')),
-    limit: computed(() => {
-      const _cache = JSON.parse(localStorage.getItem(`${state.name}_limit`) || '{}');
-      return (props.limit || [])?.map((item: any) => {
-        if (_cache[item.field] && Object.prototype.hasOwnProperty.call(_cache[item.field], '_view')) {
-          item._view = _cache[item.field]?._view;
-        } else {
-          if (item.view === true || item.view === 1 || item.view === 'always') {
-            item._view = 1;
-          }
-        }
-        return item;
-      });
-    }),
-    param: {}
-  });
-  watch(
-    [() => state.limit],
-    () => {
-      const _limit: any = {};
-      state.limit.forEach((item: any, idx: number) => {
-        if (Object.prototype.hasOwnProperty.call(item, '_view')) {
-          _limit[item.field] = { _view: item._view ? 1 : 0 };
-          if (!item._view) {
-            delete state.param[item.field];
-          }
-        }
-      });
-      localStorage.setItem(`${state.name}_limit`, JSON.stringify(_limit));
-    },
-    { deep: true }
-  );
-
-  watch(
-    () => props.param,
-    () => {
-      state.param = props.param;
-    },
-    { deep: true, immediate: true }
-  );
-
-  // 重置筛选
-  const fResetLimit = () => {
-    for (const key in state.param) {
-      if (key !== 'page' && key !== 'pageSize') {
-        delete state.param[key];
-      }
-    }
-  };
-</script>

package/src/components/loader/LimitLoader/LimitLoader@v2.vue.backup

@@ -1,174 +0,0 @@
-<template>
-  <div class="full-x" ui-flex="row xt">
-    <div ui-flex="row lm :wrap" class="mr-mm-sub my-sm-sub">
-      <template v-for="(item, idx) in state.limit" :key="idx">
-        <div v-if="item._view" ui-flex="row lm" v-bind="{ ...(item.attrs || {}) }">
-          <span class="nr-sm flex-fixed o-ls">{{ item.label }}{{ item.label ? ':' : '' }}</span>
-          <Select sz="s" v-if="item.model[0] === 'Select'" :options="item.enums" v-model="state.param[item.field]" v-bind="{ ...(item.model[1] || {}) }" />
-          <Cascader sz="s" v-else-if="item.model[0] === 'Cascader'" :options="item.enums" v-model="state.param[item.field]" v-bind="{ ...(item.model[1] || {}) }" />
-          <MoreSelect sz="s" v-else-if="item.model[0] === 'MoreSelect'" :options="item.enums" v-model="state.param[item.field]" v-bind="{ ...(item.model[1] || {}) }" />
-          <SearchMoreSelect sz="s" v-else-if="item.model[0] === 'SearchMoreSelect'" :options="item.enums" v-model="state.param[item.field]" v-bind="{ ...(item.model[1] || {}) }" />
-          <DatePicker
-            v-else-if="item.model[0] === 'DatePicker'"
-            sz="s"
-            v-model="state.param[item.field]"
-            @change="(val:any) => (state.param[item.field] = val)"
-            v-bind="{ ...(item.model[1] || {}) }"
-          />
-          <DateRangePicker
-            v-else-if="item.model[0] === 'DateRangePicker'"
-            sz="s"
-            v-model="state.param[item.field]"
-            @change="(val:any) => (state.param[item.field] = val)"
-            v-bind="{ ...(item.model[1] || {}) }"
-          />
-          <Input sz="s" v-else :block="false" v-model="state.param[item.field]" v-bind="{ ...(item.model[1] || {}) }" />
-        </div>
-      </template>
-    </div>
-    <div ui-hide="<pad" class="mr-sl-sub my-sm-sub nowrap">
-      <IFollowView tipBoxClass="nr-no">
-        <button ui-btn="@a s case :border"><i class="icon icon-add2 fs-xs"></i>添加条件</button>
-        <template v-if="state.limit.length" #tips>
-          <div class="w-mm h-ls nr-sl" ui-scroll="x:hidden :y">
-            <div v-for="(item, idx) in state.limit" class="item ux-hover nowrap r-ss" :key="idx">
-              <label ui-form="@a type:checkbox" class="ny-xs nx-sm">
-                <input type="checkbox" :checked="item._view" @change="item._view = item._view ? 0 : 1" />
-                <span>{{ item.label }}</span>
-              </label>
-            </div>
-          </div>
-        </template>
-      </IFollowView>
-      <button ui-btn="@a s main" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
-    </div>
-  </div>
-  <div ui-hide=">mob" class="mr-sl-sub my-sm-sub nowrap">
-    <IFollowView tipBoxClass="nr-no">
-      <button ui-btn="@a s case :border"><i class="icon icon-add2 fs-xs"></i>添加条件</button>
-      <template v-if="state.limit.length" #tips>
-        <div class="w-mm h-ls nr-sl" ui-scroll="x:hidden :y">
-          <div v-for="(item, idx) in state.limit" class="item ux-hover nowrap r-ss" :key="idx">
-            <label ui-form="@a type:checkbox" class="ny-xs nx-sm">
-              <input type="checkbox" :checked="item._view" @change="item._view = item._view ? 0 : 1" />
-              <span>{{ item.label }}</span>
-            </label>
-          </div>
-        </div>
-      </template>
-    </IFollowView>
-    <button ui-btn="@a s main" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
-  </div>
-</template>
-<script setup lang="ts">
-  import { computed, reactive, watch } from 'vue';
-  import { useRoute } from 'vue-router';
-  import { isString } from '@fekit/utils';
-  import { IFollowView } from '../../basic';
-  import { Input, Select, MoreSelect, SearchMoreSelect, DatePicker, DateRangePicker, Cascader } from '../../form';
-  const route = useRoute();
-
-  /**
-   * 入参说明
-   *
-   * words          语言包
-   * limit          结构配置
-   * param          数据
-   */
-
-  interface LimitProps {
-    label?: string | (() => string);
-    field: string | (() => string);
-    model?: string | Array<any> | (() => string | Array<any>);
-    enums?: Array<any> | (() => string | Array<any>);
-    rules?: Array<any> | (() => string | Array<any>);
-    event?: Array<any> | (() => string | Array<any>);
-    attrs?: Array<any> | (() => string | Array<any>);
-    value?: any | (() => any);
-    clear?: boolean | (() => boolean);
-    close?: boolean;
-  }
-
-  // 类型
-  interface Props {
-    words?: { [key: string | number]: any };
-    limit: Array<LimitProps>;
-    param: any;
-  }
-  const props: any = withDefaults(defineProps<Props>(), {
-    words: () => ({}),
-    limit: () => [],
-    param: () => ({})
-  });
-
-  // 内部数据
-  const state: any = reactive({
-    name: computed(() => 'confs' + route.path?.replace(/\//g, '_')),
-    limit: computed(() => {
-      const _cache = JSON.parse(localStorage.getItem(`${state.name}_limit`) || '{}');
-      return (props.limit || [])?.map((item: any) => {
-        if (_cache[item.field] && Object.prototype.hasOwnProperty.call(_cache[item.field], '_view')) {
-          item._view = _cache[item.field]?._view;
-        } else {
-          if (item.view === true || item.view === 1 || item.view === 'always') {
-            item._view = 1;
-          }
-        }
-
-        // 模型处理
-        if (item.model) {
-          if (isString(item.model)) {
-            item.model = [item.model, { verify: false }];
-          }
-        } else {
-          item.model = ['Input', { verify: false }];
-        }
-
-        // 属性处理
-        if (item.model[1].class) {
-          if (!/\bw-[sml]+/.test(item.model[1].class || '')) {
-            item.model[1].class += ' w-mm';
-          }
-        } else {
-          item.model[1].class = 'w-mm';
-        }
-
-        return item;
-      });
-    }),
-    param: {}
-  });
-  watch(
-    [() => state.limit],
-    () => {
-      const _limit: any = {};
-      state.limit.forEach((item: any, idx: number) => {
-        if (Object.prototype.hasOwnProperty.call(item, '_view')) {
-          _limit[item.field] = { _view: item._view ? 1 : 0 };
-          if (!item._view) {
-            delete state.param[item.field];
-          }
-        }
-      });
-      localStorage.setItem(`${state.name}_limit`, JSON.stringify(_limit));
-    },
-    { deep: true }
-  );
-
-  watch(
-    () => props.param,
-    () => {
-      state.param = props.param;
-    },
-    { deep: true, immediate: true }
-  );
-
-  // 重置筛选
-  const fResetLimit = () => {
-    for (const key in state.param) {
-      if (key !== 'page' && key !== 'pageSize') {
-        delete state.param[key];
-      }
-    }
-  };
-</script>

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

@@ -1,115 +0,0 @@
-<template>
-  <template v-if="isArray(json.child)">
-    <div :class="json?.attrs?.class?.includes('wrap') ? 'wrap' : 'nowrap'" v-bind="json.attrs" v-on="event(json, data)">
-      <TableColView v-for="(sub, idx) in col.child" :key="idx" :col="sub" :data="data" />
-    </div>
-  </template>
-  <template v-else-if="json.popup">
-    <IFollowView>
-      <TableColView :col="{ ...col, popup: null }" :data="data" />
-      <template #tips>
-        <TableColView :col="isFunction(col.popup) ? col.popup(data) : col.popup" :data="data" />
-      </template>
-    </IFollowView>
-  </template>
-  <template v-else>
-    <div v-if="json.model === 'Image'" :class="json?.attrs?.class?.includes('wrap') ? 'wrap' : 'nowrap'" ui-img="@a read :round" v-bind="json.attrs" v-on="event(json, data)">
-      <img :src="json.value || data[json.field] || DefaultImage" alt="" />
-    </div>
-    <div
-      v-else
-      :class="json?.attrs?.class?.includes('wrap') ? 'wrap' : 'nowrap'"
-      v-bind="json.attrs"
-      v-on="event(json, data)"
-      v-html="
-        json.value !== null && json.value !== undefined
-          ? isFunction(json.value)
-            ? json.value(json)
-            : json.value
-          : findEnumName(json.enums, data[json.field]) !== null && findEnumName(json.enums, data[json.field]) !== undefined
-            ? findEnumName(json.enums, data[json.field])
-            : '‐‐'
-      "
-    ></div>
-  </template>
-</template>
-<script lang="ts" setup>
-  import { computed } from 'vue';
-  import { isFunction, isArray, isObject, deepcopy } from '@fekit/utils';
-  import { useRoute, useRouter } from 'vue-router';
-  import TableColView from './TableColView.vue';
-  import { IFollowView } from '../../basic';
-
-  const DefaultImage =
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAACmBAMAAACipulEAAAAHlBMVEXMzMz////z8/Pf39/Z2dnS0tLq6urk5OTu7u74+PjCLuPVAAABxUlEQVRo3u2YsUsDMRSHX9Wzupn22qObVxAd7SCuV1BwvGrVtQcqjlYQHFVEVzv575qklReE9urlFTL8vqUvQz+Se3m5yyMAAAAAAAAAAAAAsFIu7rvz+DiqprxSi7itotxQi8kqOHslzqbHNAUnul3q/PJYutzi01Jn47/KSBm+jxep8yopSojqgklaV5qRDor5zsMKTru4gazTJmEtfKcyQU3Waf/UE3bGXPb7p5fDRwmnuhkWyvJEhmt/JzOiKZtyzph+6Us5O1zY0UTI2TKy5+4nl5W/M9PpT00NmEDG2dbDgiMR5w7R1ix84brycz7oyfGU6yLO3HmIGUUSzoY9m3jxqYAzsRuIt9VYwBm7Z1OTB57Owt1XfQFn649zEOg8YzctiYyz6Wpizxzxcmtunb5K1JGtR65TkdrMiCazsMOHnZ9zlx9ozHXq5XTfyBnr/ZwdPTy30Z6OJr5OfhOf6d934tPZ15mQJjrJSVN4O3mi/NEg5GzkNCVKBZy8estYeTuZdmbuDYWScDIHd29KSTmZEJ26GsUvxpEqJw/gDrvMXTuInsASvYsgeizlvaBAelZlvTUAAAAAAAAAAAAAsEp+AEDOpCBEwOONAAAAAElFTkSuQmCC';
-
-  // 通过枚举值查找枚举名
-  const findEnumName = (enums: any, val: any, join: boolean | string = ' Ι ') => {
-    // 转换核心
-    const _core = (v: any) => {
-      const { label = v }: any = enums.find(({ value = '' }: any) => 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 route = useRoute();
-  const router = useRouter();
-
-  const props: any = defineProps({
-    col: {
-      type: Object,
-      default: () => ({})
-    },
-    data: {
-      type: [Object],
-      default: () => ({})
-    }
-  });
-
-  // 运行函数计算
-  const runfun = (obj: any): any => {
-    if (isArray(obj)) {
-      obj = obj.map((i: any) => runfun(i));
-    } else if (isObject(obj)) {
-      for (const k in obj) {
-        if (k !== 'event') {
-          obj[k] = runfun(obj[k]);
-        }
-      }
-    } else if (isFunction(obj)) {
-      obj = obj(deepcopy(props.data));
-    }
-    return obj;
-  };
-
-  const json = computed(() => runfun(deepcopy(props.col)));
-
-  // 事件处理
-  const event: any = (col: any, data: any): object => {
-    const _event: any = {};
-    if (isObject(col.event)) {
-      for (const key in col.event) {
-        const fun = col.event[key];
-        if (isFunction(fun)) {
-          _event[key] = (...args: any) => {
-            return fun({ data, route, router }, ...args);
-          };
-        }
-      }
-    }
-    return { ..._event };
-  };
-</script>