@neatui/nuxt 1.5.4 → 1.6.0

package/src/components/form/SearchSelect.vue.backup

@@ -1,194 +0,0 @@
-<template>
-  <div :ui-form="`@a type:select sz:${sz}`" :ui-form-open="state.show ? 'show' : ''">
-    <IFollowView ref="ifollow" tipBoxClass="ny-sm nx-no" tipBoxStyle="min-width: 100%" @onshow="onshow" @onhide="onhide">
-      <Input
-        v-bind="{ placeholder, rules, theme, sz, co, block, ready, type, tips, disabled, readonly: true, clearable: false, verify, prefix, suffix, interacted }"
-        v-model="state.selectd.label"
-        :interacted="interacted"
-      >
-        <template #suffix><i ui-form-select=""></i></template>
-      </Input>
-      <template #tips v-if="!readonly || !disabled">
-        <div v-if="search" class="ny-sm nx-sl">
-          <Input v-model="state.search" sz="s">
-            <template #suffix>
-              <i ui-form-search="" class="co-note"></i>
-            </template>
-          </Input>
-        </div>
-        <ul v-if="props.options?.length" ui-scroll=":y s" class="nx-sm lh-ml" style="min-width: 100%; max-height: 16em">
-          <li class="ux-hover nx-sm r-ss nowrap" :class="item.value === state.selectd?.value ? 'co-main' : ''" v-for="(item, idx) of state.filter" :key="idx" @click="select(item)">
-            {{ item.label || item }}
-          </li>
-        </ul>
-        <div v-else class="w-full ny-ms" ui-flex="col cm" v-html="spare"></div>
-        <ul class="nx-sm lh-ml" v-if="tools">
-          <li class="my-ss"><div class="o-mm" ui-line="@a"></div></li>
-          <li ui-flex="row xm">
-            <div class="co-main">
-              <p class="nx-sm r-ss nowrap">
-                <span>{{ state.filter?.length || 0 }}个可选项</span>
-              </p>
-            </div>
-            <div>
-              <button v-show="state.selectd?.value" class="co-risk" ui-btn="@a none s" @click="remove">清空</button>
-            </div>
-          </li>
-        </ul>
-      </template>
-    </IFollowView>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { reactive, ref, computed } from 'vue';
-  import { Input } from '../form';
-  import { IFollowView } from '../basic';
-  const ifollow: any = ref(null);
-
-  const emits = defineEmits(['update:modelValue', 'change', 'onshow', 'onhide']);
-
-  /**
-   * 入参说明
-   * modelValue     值
-   * options        枚举列表
-   * tools          是否显示工具栏
-   * spare          空闲兜底内容
-   * search         是否启用搜索框
-   * pagination     是否启用分页
-   * refresh        是否显示刷新
-   *
-   * ---------------------------
-   * theme          主题
-   * sz             尺寸
-   * co             颜色
-   * block          撑满
-   * ready          准备就绪
-   * type           类型
-   * tips           提示文案
-   * placeholder    内容占位
-   * maxlength      最大长度
-   * minlength      最小长度
-   * disabled       是否禁用
-   * readonly       是否只读
-   * clearable      是否显示清除按钮
-   * rules          校验规则
-   * verify         是否是示校验图标
-   * prefix         前缀内容
-   * suffix         后缀内容
-   * interacted     用户是否交互
-   */
-
-  // 类型
-  interface Props {
-    modelValue?: string | number;
-    options: Array<object>;
-    tools?: boolean;
-    spare?: string;
-    search?: boolean;
-    pagination?: boolean;
-    refresh?: boolean;
-
-    // Input
-    placeholder?: string;
-    rules?: Array<object>;
-    theme?: string;
-    sz?: '' | 'xs' | 's' | 'm' | 'l' | 'xl';
-    co?: string;
-    block?: boolean;
-    ready?: boolean;
-    type?: string;
-    tips?: string;
-    maxlength?: null | number;
-    minlength?: null | number;
-    disabled?: boolean;
-    readonly?: boolean;
-    clearable?: boolean;
-    verify?: boolean;
-    prefix?: Array<any>;
-    suffix?: Array<any>;
-    interacted?: boolean;
-  }
-
-  // 入参
-  const props: any = withDefaults(defineProps<Props>(), {
-    modelValue: '',
-    options: () => [],
-    tools: true,
-    spare: '当前没有可选项',
-    search: true,
-    pagination: false,
-    refresh: false,
-
-    // INPUT
-    placeholder: '',
-    rules: () => [],
-    theme: '@a',
-    sz: '',
-    co: '',
-    block: true,
-    ready: false,
-    type: 'text',
-    tips: '',
-    maxlength: null,
-    minlength: null,
-    disabled: false,
-    readonly: false,
-    clearable: false,
-    verify: false,
-    prefix: () => [],
-    suffix: () => [],
-    interacted: false
-  });
-
-  const change = ({ value = '' }: any = {}) => {
-    emits('update:modelValue', value);
-    emits('change', value);
-  };
-
-  const state = reactive({
-    show: 0,
-    search: '',
-    selectd: computed(() => {
-      return props.options.find((option: any) => `${option.value}` === `${props.modelValue}`) || {};
-    }),
-    filter: computed(() => {
-      if (state.search) {
-        return props.options?.filter((item: any) => {
-          return item.label?.includes(state.search);
-        });
-      } else {
-        return props.options;
-      }
-    })
-  });
-  // 选择
-  const select = (item: any = {}) => {
-    change(item);
-    ifollow.value.cancel();
-  };
-  // 清空
-  const remove = () => {
-    change({});
-    ifollow.value.cancel();
-  };
-  // 取消
-  const cancel = () => {
-    ifollow.value.cancel();
-  };
-  // 显示
-  const onshow = () => {
-    emits('onshow', state.selectd);
-  };
-  // 折叠
-  const onhide = () => {
-    emits('onhide', state.selectd);
-  };
-
-  defineExpose({
-    select,
-    remove,
-    change,
-    cancel
-  });
-</script>

package/src/components/form/TextArea.vue

@@ -1,193 +0,0 @@
-<template>
-  <div
-    :ui-form="`${theme} sz:${sz} ${state.co} type:textarea ${block ? ' :block' : ''} ${disabled ? 'disabled' : ''} ${readonly ? 'readonly' : ''}`"
-    @click="emits('click', $event)"
-  >
-    <div v-if="ready" :ui-form-tips="state.ontips">{{ state.tips }}</div>
-    <slot>
-      <textarea
-        ref="el"
-        :rows="rows"
-        v-model="mv"
-        :type="type"
-        :placeholder="placeholder"
-        :readonly="readonly || disabled"
-        @focus="emits('focus', $event)"
-        @input="emits('input', $event)"
-        @change="emits('change', $event)"
-        @blur="emits('blur', $event)"
-        ui-scroll=":y"
-        dir="auto"
-      ></textarea>
-    </slot>
-    <i v-if="ready && verify" :ui-form-verify="state.verify"></i>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, watch, computed, onMounted, PropType, nextTick } from 'vue';
-
-  const emits = defineEmits(['update:modelValue', 'click', 'blur', 'focus', 'change', 'input', 'clear']);
-  const props = defineProps({
-    theme: { type: String, default: '@a' },
-    sz: { type: String, default: '' },
-    co: { type: String, default: '' },
-    block: { type: Boolean, default: true },
-    // 值
-    modelValue: {
-      type: [String, Number],
-      default: '',
-    },
-    // 类型
-    type: {
-      type: String,
-      default: 'text',
-    },
-    // 提示文案
-    tips: {
-      type: String,
-      default: '',
-    },
-    // 内容占位
-    placeholder: {
-      type: String,
-      default: '',
-    },
-    // 最大长度
-    maxLength: {
-      type: Number,
-      default: null,
-    },
-    // 最小长度
-    minLength: {
-      type: Number,
-      default: null,
-    },
-    // 最小长度
-    autoHeight: {
-      type: Boolean,
-      default: false,
-    },
-    // 是否禁用
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    // 是否中读
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-    // 是否显示清除按钮
-    clearable: {
-      type: Boolean,
-      default: true,
-    },
-    // 校验规则
-    rules: {
-      type: Array,
-      default: () => [],
-    },
-    // 是否是示校验图标
-    verify: {
-      type: Boolean,
-      default: false,
-    },
-    prefix: {
-      type: Array as PropType<any[]>,
-      default: () => [],
-    },
-    suffix: {
-      type: Array as PropType<any[]>,
-      default: () => [],
-    },
-    rows: {
-      type: Number,
-      default: 3,
-    },
-  });
-
-  const ready: any = ref(0);
-  const state: any = computed(() => {
-    if (ready.value) {
-      // 提示文案
-      let tips = '';
-      // 错误类型
-      let type = '';
-      // 验证结果
-      let verify = '';
-      if (props.modelValue) {
-        // 有值
-        const res: any = props.rules?.some((rule: any) => {
-          const yes = rule.validator && !rule.validator(props.modelValue);
-          tips = rule.msg;
-          type = rule.type;
-          return yes;
-        });
-        verify = res ? 'no' : 'ok';
-      } else {
-        // 无值
-        const res: any = props.rules?.some((rule: any) => {
-          tips = rule.msg;
-          type = rule.type;
-          return rule.required;
-        });
-        verify = res ? 'no' : '';
-      }
-      if (verify !== 'no' && props.tips) {
-        tips = props.tips;
-      }
-      // 是否显示提示
-      const ontips = verify === 'no' && tips ? 'show' : '';
-      // 状态颜色
-      const co = verify === 'no' ? 'co:' + type : props.co ? 'co:' + props.co : '';
-      return { tips, ontips, verify, co };
-    } else {
-      return {};
-    }
-  });
-
-  // 自动高度
-  const el: any = ref(null);
-  const fAutoHeight = () => {
-    nextTick(() => {
-      if (props.autoHeight) {
-        el.value.style.height = 'auto';
-        el.value.style.height = el.value.scrollHeight + 1 + 'px';
-      }
-    });
-  };
-
-  const mv: any = ref(props.modelValue);
-  watch(
-    () => props.modelValue,
-    (v: any) => {
-      mv.value = v;
-    },
-    { deep: true, immediate: true },
-  );
-
-  watch(
-    () => mv.value,
-    (v: any) => {
-      let value = v;
-      if (typeof props.maxLength === 'number' && !isNaN(props.maxLength)) {
-        value = value.slice(0, props.maxLength);
-        mv.value = value;
-      }
-      emits('update:modelValue', value);
-
-      // 自动高度
-      fAutoHeight();
-    },
-    { deep: true },
-  );
-
-  onMounted(() => {
-    setTimeout(() => {
-      ready.value = 1;
-    }, 300);
-    // 自动高度
-    fAutoHeight();
-  });
-</script>

package/src/components/form/date.ts

@@ -1,321 +0,0 @@
-import { isDate, isDateString, isNumber, isString } from './type';
-import { numfill } from './number';
-
-interface UpdateParam {
-  y?: number;
-  m?: number;
-  d?: number;
-  h?: number;
-  n?: number;
-  s?: number;
-}
-
-interface CalendarParam {
-  group?: boolean;
-  value?: Array<string>;
-}
-
-export default class IDate {
-  source: any = '';
-  attr: any;
-  lang: any;
-  date: any;
-  time: any;
-  year: any;
-  month: any;
-  days: number;
-  valid: boolean;
-  constructor(lang: any = 'zh') {
-    this.lang = lang;
-    this.days = 0;
-    this.valid = false;
-  }
-  // 生成日期
-  create(obj?: any, opts: any = {}) {
-    const zone = opts.zone || '';
-
-    // 统一预处理：如果是字符串就先把-替换成/，解决iOS兼容性
-    if (isString(obj)) {
-      obj = obj.replace(/-/g, '/');
-
-      // 明确格式处理
-      if (opts.format) {
-        const [a1, a2, a3] = obj.split(/[-/]/).map((i: any) => i.length);
-        const [b1, b2, b3] = opts.format?.split(/[-/]/).map((i: any) => i.length);
-        if (a1 === b1 && a2 === b2 && a3 === b3) {
-          obj = `${a1 || '01'}/${a2 || '01'}/${a3 || '01'}`;
-        } else {
-          console.warn(`${obj} is not a valid date`);
-        }
-      }
-    }
-
-    // 不合法日期是否应该抛出错误？
-    if (!isDate(obj) && !isDateString(obj)) {
-      console.log(53, obj);
-      console.warn(`${obj} is not a valid date`);
-    } else {
-      this.valid = true;
-    }
-
-    function utc(obj: any) {
-      if (!isString(obj)) {
-        return new Date();
-      }
-      const parts = obj.split(/[-/]/).map(Number);
-      const [year, month, day] = parts;
-      return new Date(Date.UTC(year, month - 1, day));
-    }
-
-    // 如果是10位时间戳
-    if (isNumber(obj)) {
-      const _len = obj?.toString()?.length;
-      if (_len === 10) {
-        obj = obj * 1000;
-      } else if (_len === 11) {
-        obj = obj * 100;
-      } else if (_len === 12) {
-        obj = obj * 10;
-      }
-    }
-    // 判断是否有入参
-    if (obj === undefined) {
-      obj = new Date();
-    }
-    // 判断是否是日期
-    if (obj) {
-      this.source = obj;
-      const date = isDate(obj) ? obj : isDateString(obj) ? (isString(obj) ? (zone === 'utc' ? utc(obj) : new Date(obj)) : new Date(obj)) : new Date();
-
-      this.date = date;
-      const cnWeek = ['日', '一', '二', '三', '四', '五', '六'];
-      this.time = date.getTime();
-
-      this.attr = {
-        time: date.getTime(),
-        year: date.getFullYear(),
-        YYYY: date.getFullYear(),
-        yyyy: date.getFullYear(),
-        YY: `${date.getFullYear()}`.slice(-2),
-        yy: `${date.getFullYear()}`.slice(-2),
-        Y: date.getFullYear(),
-        y: date.getFullYear(),
-        month: date.getMonth() + 1,
-        MM: numfill(date.getMonth() + 1),
-        M: date.getMonth() + 1,
-        DD: numfill(date.getDate()),
-        dd: numfill(date.getDate()),
-        D: date.getDate(),
-        date: date.getDate(),
-        d: date.getDate(),
-        H: date.getHours(),
-        h: date.getHours() > 12 ? date.getHours() - 12 : date.getHours(),
-        HH: numfill(date.getHours()),
-        hh: numfill(date.getHours()),
-        mm: numfill(date.getMinutes()),
-        m: date.getMinutes(),
-        ss: numfill(date.getSeconds()),
-        s: date.getSeconds(),
-        w: date.getDay(),
-        W: cnWeek[date.getDay()],
-      };
-      // 本月天数
-      this.days = new Date(this.attr.y, this.attr.M, 0).getDate();
-    }
-    return this;
-  }
-
-  // 日期格式
-  format(format = 'YYYY-MM-DD') {
-    if (this.date) {
-      return format.replace(/(YYYY|yyyy|YY|yy|MM|M|DD|dd|D|d|HH|hh|H|h|mm|m|ss|s|w)/g, (_: any, key: any) => this.attr[key]);
-    } else {
-      return this.source;
-    }
-  }
-
-  // 时间更新
-  update(obj: UpdateParam) {
-    if (this.date) {
-      const { y = 0, m = 0, d = 0, h = 0, n = 0, s = 0 }: any = obj || {};
-      if (y) {
-        this.date.setFullYear(this.date.getFullYear() + y);
-      }
-      if (m) {
-        this.date.setMonth(this.date.getMonth() + m);
-      }
-      if (d) {
-        this.date.setDate(this.date.getDate() + d);
-      }
-      if (h) {
-        this.date.setHours(this.date.getHours() + h);
-      }
-      if (n) {
-        this.date.setMinutes(this.date.getMinutes() + n);
-      }
-      if (s) {
-        this.date.setSeconds(this.date.getSeconds() + s);
-      }
-      this.create(this.date);
-    }
-    return this;
-  }
-
-  // 人性化
-  humanized(words: any = {}) {
-    if (this.date) {
-      const now = new Date();
-      const diff = now.getTime() - this.date.getTime();
-      const minute = 60 * 1000;
-      const hour = 60 * minute;
-      const day = 24 * hour;
-      const week = 7 * day;
-      const month = 30 * day;
-      const year = 365 * day;
-
-      const {
-        NOW = 'Just now',
-        MIN = ' minute ago',
-        HRS = ' hour ago',
-        DAY = ' day ago',
-        WKS = ' week ago',
-        MON = ' month ago',
-        YRS = ' year ago',
-        MINS = ' minutes ago',
-        HRSS = ' hours ago',
-        DAYS = ' days ago',
-        WKSS = ' weeks ago',
-        MONS = ' months ago',
-        YRSS = ' years ago',
-      }: any = words || {};
-
-      if (diff < minute) {
-        return NOW;
-      } else if (diff < hour) {
-        const minutes = Math.floor(diff / minute);
-        return `${minutes}${minutes > 1 ? MINS : MIN}`;
-      } else if (diff < day) {
-        const hours = Math.floor(diff / hour);
-        return `${hours}${hours > 1 ? HRSS : HRS}`;
-      } else if (diff < week) {
-        const days = Math.floor(diff / day);
-        return `${days}${days > 1 ? DAYS : DAY}`;
-      } else if (diff < month) {
-        const weeks = Math.floor(diff / week);
-        return `${weeks}${weeks > 1 ? WKSS : WKS}`;
-      } else if (diff < year) {
-        const months = Math.floor(diff / month);
-        return `${months}${months > 1 ? MONS : MON}`;
-      } else {
-        const years = Math.floor(diff / year);
-        return `${years}${years > 1 ? YRSS : YRS}`;
-      }
-    } else {
-      return this.source;
-    }
-  }
-
-  // 日历
-  calendar(param: CalendarParam = {}) {
-    if (!this.date) {
-      this.create(new Date());
-    }
-    const { group = false, value = [] }: any = param;
-    const values: any = value
-      .filter((day: any) => {
-        return day && isDateString(day);
-      })
-      .sort((a: any, b: any) => {
-        return idate(a).time - idate(b).time;
-      })
-      .map((day: any) => idate(day).format('YYYY-MM-DD'));
-
-    // 年
-    const y: any = this.date?.getFullYear();
-    // 月
-    const m: any = this.date?.getMonth() + 1;
-    // 本月第一天星期几
-    const w = new Date(y, m - 1, 1).getDay();
-    // 当前月份一共几天
-    const days = new Date(y, m, 0).getDate();
-
-    // 当前
-    const curr = new Date();
-    const curr_y = curr.getFullYear();
-    const curr_m = curr.getMonth() + 1;
-    const curr_d = curr.getDate();
-
-    // 上月
-    const last = new Date(y, m - 1, 0);
-    const last_y = last.getFullYear();
-    const last_m = last.getMonth() + 1;
-    let prevdays = last.getDate();
-
-    // 下月
-    const next = new Date(y, m + 1, 0);
-    const next_y = next.getFullYear();
-    const next_m = next.getMonth() + 1;
-    const _calendar: any = [];
-
-    // 上月的日期
-    for (let i = 0; i < w; i++) {
-      _calendar.unshift({
-        date: `${last_y}-${numfill(last_m)}-${numfill(prevdays)}`,
-        day: prevdays,
-        isLastMonth: true,
-      });
-      prevdays = prevdays - 1;
-    }
-
-    // 本月的日期
-    for (let d = 1; d <= days; d++) {
-      _calendar.push({
-        date: `${y}-${numfill(m)}-${numfill(d)}`,
-        day: d,
-        today: curr_y === y && curr_m === m && curr_d === d,
-        isCurrMonth: true,
-      });
-    }
-
-    // 下月的日期
-    for (let i = 1; _calendar.length < 42; i++) {
-      const _i = i;
-      _calendar.push({
-        date: `${next_y}-${numfill(next_m)}-${numfill(_i)}`,
-        day: _i,
-        isNextMonth: true,
-      });
-    }
-
-    let calendar = _calendar.map((item: any) => {
-      const _idx = values.indexOf(idate(item.date).format('YYYY-MM-DD'));
-      // 判断是否在选
-      if (_idx !== -1) {
-        if (item.isCurrMonth) {
-          item.selected = true;
-        }
-        if (_idx === 0) {
-          item.sta = true;
-        }
-        if (_idx === values.length - 1) {
-          item.end = true;
-        }
-      }
-      // 判断是否在范围内
-      if (values.length > 1) {
-        if (item.isCurrMonth && idate(item.date).time >= idate(values[0]).time && idate(item.date).time <= idate(values[values.length - 1]).time) {
-          item.range = true;
-        }
-      }
-      return item;
-    });
-    // 是否按周分组
-    if (group) {
-      calendar = Array.from({ length: Math.ceil(_calendar.length / 7) }, (_v, index) => _calendar.slice(index * 7, index * 7 + 7));
-    }
-
-    return calendar;
-  }
-}
-
-export const idate = (obj?: any) => new IDate().create(obj);