@farris/cli 2.0.3 → 2.1.0

package/templates/lib/components/common/src/utils/src/date.ts

@@ -1,134 +0,0 @@
-import { isArray, isString } from './type';
-
-export const getDateRecord = (target: Date) => {
-  const year = target.getFullYear();
-  const month = target.getMonth() + 1;
-  const day = target.getDate();
-  const hours = target.getHours();
-  const minutes = target.getMinutes();
-  const seconds = target.getSeconds();
-
-  return {
-    year,
-    month,
-    day,
-    hours,
-    minutes,
-    seconds
-  };
-};
-
-export const getTimeRecord = (value: string | number[]) => {
-  const [hours, minutes, seconds] = isString(value)
-    ? value.split(':').map((item) => Number(item))
-    : isArray(value)
-      ? value
-      : [0, 0, 0];
-
-  return {
-    hours,
-    minutes,
-    seconds
-  };
-};
-
-export const isLeap = (year: number) => {
-  return year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0);
-};
-
-export const formatTime = (
-  value: { hours: number; minutes: number; seconds: number },
-  format: string
-) => {
-  const { hours, minutes, seconds } = value;
-  return format
-    .replace('HH', String(hours).padStart(2, '0'))
-    .replace('mm', String(minutes).padStart(2, '0'))
-    .replace('ss', String(seconds).padStart(2, '0'));
-};
-
-export const parseTime = (value: string) => {
-  const timeRegex = /^(\d{2}):(\d{2}):(\d{2})$/;
-  const match = value.match(timeRegex);
-
-  if (!match) {
-    throw new Error('Invalid time format');
-  }
-
-  const [_, hours, minutes, seconds] = match;
-
-  return new Date(0, 0, 0, parseInt(hours, 10), parseInt(minutes, 10), parseInt(seconds, 10));
-};
-
-export const formatDate = (value: Date, format: string) => {
-  const { year, month, day, hours, minutes, seconds } = getDateRecord(value);
-  return format
-    .replace('YYYY', String(year))
-    .replace('MM', String(month).padStart(2, '0'))
-    .replace('DD', String(day).padStart(2, '0'))
-    .replace('HH', String(hours).padStart(2, '0'))
-    .replace('mm', String(minutes).padStart(2, '0'))
-    .replace('ss', String(seconds).padStart(2, '0'));
-};
-
-export const parseDate = (value: string, format: string) => {
-  const [dateValue, timeValue] = value.split(' ');
-  const [dateFormat, timeFormat] = format.split(' ');
-
-  const dateRegex = /年|月|日|-|\//g;
-
-  const formatParts = dateFormat.replace(dateRegex, '-').split('-');
-  const formatMap = formatParts.reduce((map, part, index) => {
-    map[part] = index;
-    return map;
-  }, {} as Record<string, number>);
-
-  const dateValueParts = dateValue
-    .replace(dateRegex, '-')
-    .split('-')
-    .map((item) => Number(item));
-
-  const year = dateValueParts[formatMap.YYYY];
-  const month = dateValueParts[formatMap.MM] ? dateValueParts[formatMap.MM] - 1 : 0;
-  const day = dateValueParts[formatMap.DD] || 1;
-
-  const { hours, minutes, seconds } = getTimeRecord(timeValue);
-
-  // 创建Date对象
-  const parsedDate = new Date(year, month, day, hours, minutes, seconds);
-
-  // 检查是否有效日期
-  if (isNaN(parsedDate as any)) {
-    throw new Error('Invalid date format');
-  }
-
-  return parsedDate;
-};
-
-export const compareDate = (firstDate: Date, secondDate: Date) => {
-  return firstDate.getTime() - secondDate.getTime();
-};
-
-export const isEqualDate = (firstDate: Date, secondDate: Date) => {
-  const {
-    year: firstDateYear,
-    month: firstDateMonth,
-    day: firstDateDay
-  } = getDateRecord(firstDate);
-  const {
-    year: secondDateYear,
-    month: secondDateMonth,
-    day: secondDateDay
-  } = getDateRecord(secondDate);
-
-  return (
-    compareDate(
-      new Date(firstDateYear, firstDateMonth, firstDateDay),
-      new Date(secondDateYear, secondDateMonth, secondDateDay)
-    ) === 0
-  );
-};
-
-export const isEqualDateTime = (firstDate: Date, secondDate: Date) => {
-  return compareDate(firstDate, secondDate) === 0;
-};

package/templates/lib/components/common/src/utils/src/dom/event.ts

@@ -1,37 +0,0 @@
-export function stopPropagation(event: Event) {
-  event.stopPropagation();
-}
-
-export function preventDefault(event: Event, isStopPropagation?: boolean) {
-  /* istanbul ignore else */
-  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
-    event.preventDefault();
-  }
-
-  if (isStopPropagation) {
-    stopPropagation(event);
-  }
-}
-
-export function trigger(target: Element, type: string) {
-  const inputEvent = document.createEvent('HTMLEvents');
-  inputEvent.initEvent(type, true, true);
-  target.dispatchEvent(inputEvent);
-}
-
-// ios event没有path属性
-export const initNodePath = (event: Event) => {
-  const path: any[] = [];
-  let currentElem: any = event.target;
-  while (currentElem) {
-    path.push(currentElem);
-    currentElem = currentElem.parentElement;
-  }
-  if (path.indexOf(window) === -1 && path.indexOf(document) === -1) {
-    path.push(document);
-  }
-  if (path.indexOf(window) === -1) {
-    path.push(window);
-  }
-  return path;
-};

package/templates/lib/components/common/src/utils/src/hook.ts

@@ -1,18 +0,0 @@
-import { nextTick, onMounted, onActivated } from 'vue';
-
-export function onMountedOrActivated(hook: () => any) {
-  let mounted: boolean;
-
-  onMounted(() => {
-    hook();
-    nextTick(() => {
-      mounted = true;
-    });
-  });
-
-  onActivated(() => {
-    if (mounted) {
-      hook();
-    }
-  });
-}

package/templates/lib/components/common/src/utils/src/number.ts

@@ -1,26 +0,0 @@
-import { trimExtraChar } from './string';
-import { isDef } from './type';
-
-export function formatToNumber(value: string, allowDot: boolean) {
-  value = isDef(value) ? value : '';
-  let regExp = /[^-0-9]/g;
-  value = trimExtraChar(value, '-', /-/g);
-  if (allowDot) {
-    value = trimExtraChar(value, '.', /\./g);
-    regExp = /[^-0-9.]/g;
-  } else {
-    value = value.split('.')[0];
-  }
-  return value.replace(regExp, '');
-}
-
-export function parseFloat(value: string | number, precision = 0) {
-  return Number.parseFloat(value ? String(value) : '0').toFixed(precision);
-}
-
-export function range(num: number, min: number, max: number): number {
-  return Math.min(Math.max(num, min), max);
-}
-export function random(min: number, max: number) {
-  return Math.round(Math.random() * (max - min) + min);
-}

package/templates/lib/components/common/src/utils/src/query-filter.ts

@@ -1,40 +0,0 @@
-
-export enum FilterCompareType {
-  Equal = 0,
-  NotEqual = 1,
-  Greater = 2,
-  GreaterOrEqual = 3,
-  Less = 4,
-  LessOrEqual = 5,
-  Like = 6,
-  LikeStartWith = 7,
-  LikeEndWith = 8,
-  NotLike = 9,
-  NotLikeStartWith = 10,
-  NotLikeEndWith = 11,
-  Is = 12,
-  IsNot = 13,
-  In = 14,
-  NotIn = 15,
-}
-
-export enum FilterRelation {
-  Empty,
-  And,
-  Or,
-}
-
-export enum FilterExpressType {
-  Value = 0,
-  Expression = 1,
-}
-
-export interface FilterCondition {
-  FilterField: string
-  Compare: FilterCompareType
-  Value: string
-  Relation: FilterRelation
-  Expresstype: FilterExpressType
-  Lbracket: string
-  Rbracket: string
-}

package/templates/lib/components/common/src/utils/src/resove-asset.ts

@@ -1,33 +0,0 @@
-const getKebabCase = (str: string) => {
-  return str.replace(/[A-Z]/g, function (i) {
-    return "-" + i.toLowerCase();
-  });
-};
-const getCamelCase = (str: string) => {
-  return str.replace(/-([a-z])/g, function (all, i) {
-    return i.toUpperCase();
-  });
-};
-
-const hasOwn = (v: object, s: string)=> Object.prototype.hasOwnProperty.call(v, s);
-
-export function resolveAsset (
-  assets: Record<string, any>,
-  id: string
-): any {
-  /* istanbul ignore if */
-  if (typeof id !== 'string') {
-    return;
-  }
-  // check local registration variations first
-  if (hasOwn(assets, id)) {return assets[id];}
-  const camelizedId = getKebabCase(id);
-  if (hasOwn(assets, camelizedId)) {return assets[camelizedId];}
-  const PascalCaseId = getCamelCase(camelizedId);
-  if (hasOwn(assets, PascalCaseId)) {return assets[PascalCaseId];}
-
-  // fallback to prototype chain
-  const res = assets[id] || assets[camelizedId] || assets[PascalCaseId];
-  
-  return res;
-}

package/templates/lib/components/common/src/utils/src/string.ts

@@ -1,18 +0,0 @@
-export function trimExtraChar(value: string, char: string, regExp: RegExp) {
-  const index = value.indexOf(char);
-
-  if (index === -1) {
-    return value;
-  }
-
-  if (char === '-' && index !== 0) {
-    return value.slice(0, index);
-  }
-
-  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
-};
-
-export function camelToKebabCase(camelStr: string) {
-  // 首字母转小写，其余每个大写字母前加下划线并转小写
-  return camelStr.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-}

package/templates/lib/components/common/src/utils/src/throttle.ts

@@ -1,41 +0,0 @@
-export const throttle = (
-  fn: (...args: any)=> any,
-  wait: number,
-  options: { leading?: boolean; trailing?: boolean } = {}
-) => {
-  let timeout: any = null;
-  let previous = 0;
-
-  const throttled = (...args: any) => {
-    const nowDate = +new Date();
-
-    if (!previous && options.leading === false) {
-      previous = nowDate;
-    }
-
-    const remaining = wait - (nowDate - previous);
-
-    if (remaining <= 0 || remaining > wait) {
-      if (timeout) {
-        clearTimeout(timeout);
-        timeout = null;
-      }
-      previous = nowDate;
-      fn(...args);
-    } else if (!timeout && options.trailing !== false) {
-      timeout = setTimeout(() => {
-        previous = options.leading === false ? 0 : +new Date();
-        timeout = null;
-        fn(...args);
-      }, remaining);
-    }
-  };
-
-  // 手动取消
-  throttled.cancel = function () {
-    clearTimeout(timeout);
-    previous = 0;
-    timeout = null;
-  };
-  return throttled;
-};

package/templates/lib/components/common/src/utils/src/transition.ts

@@ -1,14 +0,0 @@
-export const getSlideTransitionName = (position: string | undefined) => {
-  switch (position) {
-    case 'bottom':
-      return 'fm-slide-up';
-    case 'top':
-      return 'fm-slide-down';
-    case 'left':
-      return 'fm-slide-left';
-    case 'right':
-      return 'fm-slide-right';
-    default:
-      return 'fm-fade';
-  }
-};

package/templates/lib/components/common/src/utils/src/type.ts

@@ -1,105 +0,0 @@
-export const inBrowser = typeof window !== 'undefined';
-
-export const inIOS = () => /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);
-
-export const inAndroid = () => /(Android|Adr)/i.test(navigator.userAgent);
-
-export function isDef<T>(val: T): val is NonNullable<T> {
-  return val !== undefined && val !== null;
-}
-
-export function isNull(val: unknown): val is null {
-  return val === null;
-}
-
-export function isUndefined(val: unknown): val is undefined {
-  return val === undefined;
-}
-
-export function isString(val: unknown): val is string {
-  return typeof val === 'string';
-}
-
-export function isNumber(val: unknown): val is number {
-  return typeof val === 'number';
-}
-
-export function isBoolean(val: unknown): val is null {
-  return typeof val === 'boolean';
-}
-
-export const { isArray } = Array;
-
-export function isSymbol(val: unknown): val is symbol {
-  return typeof val === 'symbol';
-}
-
-export function isFunction(val: unknown): val is FunctionConstructor {
-  return typeof val === 'function';
-}
-
-export function isObject(val: unknown): val is Record<any, any> {
-  return val !== null && typeof val === 'object';
-}
-
-export function isPromise<T = any>(val: unknown): val is Promise<T> {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-}
-
-export function isNumeric(val: string) {
-  return /^-?\d+(\.\d+)?$/.test(val);
-}
-
-export function isDate(val: unknown): val is Date {
-  return typeof val === 'object' && val instanceof Date;
-}
-
-export function getType(val: unknown) {
-  let type: string;
-  switch (val) {
-    case isString(val):{
-      type = 'string';
-      break;
-    }
-    case isNumber(val):{
-      type = 'number';
-      break;
-    }
-    case isDate(val):{
-      type = 'date';
-      break;
-    }
-    case isNull(val):{
-      type = 'null';
-      break;
-    }
-    case isUndefined(val):{
-      type = 'undefined';
-      break;
-    }
-    case isArray(val):{
-      type = 'array';
-      break;
-    }
-    case isSymbol(val):{
-      type = 'symbol';
-      break;
-    }
-    case isFunction(val):{
-      type = 'function';
-      break;
-    }
-    case isPromise(val):{
-      type = 'promise';
-      break;
-    }
-    case isObject(val):{
-      type = 'object';
-      break;
-    }
-    default:
-      type = typeof val;
-      break;
-  }
-  return type;
-}

package/templates/lib/components/common/src/utils/src/use-appearance.ts

@@ -1,33 +0,0 @@
-/**
- * 根据传递过来已有的类对象和自定义类名，构造新的样式对象
- * @param classObject 
- * @param customClass 
- * @returns 
- */
-export function getCustomClass(classObject: Record<string, any>, customClass: string) {
-    const customClassArray = customClass?.split(' ') || [];
-    customClassArray.reduce((result: Record<string, boolean>, classString: string) => {
-        if (classString) {
-            result[classString] = true;
-        }
-        return result;
-    }, classObject);
-    return classObject;
-}
-/**
- * 根据传递过来已有的style对象和自定义style，构造新的style对象
- * @param styleObject 
- * @param customStyle 
- * @returns 
- */
-export function getCustomStyle(styleObject: Record<string, any>, customStyle: string) {
-    const styleArray = customStyle?.split(';') || [];
-    styleArray.reduce((result: Record<string, any>, styleString: string) => {
-        if (styleString) {
-            const styles = styleString.split(':');
-            result[styles[0]] = styles[1];
-        }
-        return result;
-    }, styleObject);
-    return styleObject;
-}

package/templates/lib/components/common/src/utils/src/with-install.ts

@@ -1,16 +0,0 @@
-import type { App, Component } from 'vue';
-
-export type WithInstall<T> = T & {
-  install(app: App): void;
-};
-
-export function withInstall<T extends Component>(options: T) {
-  (options as Record<string, unknown>).install = (app: App) => {
-    const { name } = options;
-    if (name) {
-      app.component(name, options);
-    }
-  };
-
-  return options as WithInstall<T>;
-}

package/templates/lib/components/common/src/utils/src/with-register-designer.ts

@@ -1,16 +0,0 @@
-import type { App, Component } from 'vue';
-
-export type WithRegisterDesigner<T> = T & {
-  registerDesigner(app: App): void;
-};
-
-export function withRegisterDesigner<T extends Component>(component: T, options: { name: string, designerComponent: Component, propsResolver: (schemaValue?: Record<string, any>) => Record<string, any> }) {
-  const { name, designerComponent, propsResolver } = options;
-
-  (component as Record<string, unknown>).registerDesigner = (componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>, resolverMap: Record<string, any>) => {
-    componentMap[name] = designerComponent;
-    propsResolverMap[name] = propsResolver;
-  };
-
-  return component as WithRegisterDesigner<T>;
-}

package/templates/lib/components/common/src/utils/src/with-register.ts

@@ -1,16 +0,0 @@
-import type { App, Component } from 'vue';
-
-export type WithRegister<T> = T & {
-  register(app: App): void;
-};
-
-export function withRegister<T extends Component>(component: T, options: { name: string, propsResolver: (schemaValue?: Record<string, any>) => Record<string, any> }) {
-  const { name, propsResolver } = options;
-
-  (component as Record<string, unknown>).register = (componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>, resolverMap: Record<string, any>) => {
-    componentMap[name] = component;
-    propsResolverMap[name] = propsResolver;
-  };
-
-  return component as WithRegister<T>;
-}

package/templates/lib/components/common/types.ts

@@ -1,131 +0,0 @@
-import { ComputedRef, Ref } from "vue";
-
-export interface TextBoxProps {
-
-    customClass: string;
-
-    disabled: boolean;
-
-    editable: boolean;
-
-    enableClear: boolean;
-
-    enableTitle: boolean;
-
-    forcePlaceholder: boolean;
-
-    modelValue: string;
-
-    placeholder: string;
-
-    readonly: boolean;
-
-    textAlign: string;
-
-    showBorder: boolean;
-
-    updateOn: 'blur' | 'change';
-}
-
-export interface UseClear {
-
-    clearButtonClass: ComputedRef<Record<string, boolean>>;
-
-    clearButtonStyle: ComputedRef<Record<string, any>>;
-
-    hasShownClearButton: Ref<boolean>;
-
-    onClearValue: ($event: MouseEvent) => void;
-
-    onMouseEnter: ($event: MouseEvent) => void;
-
-    onMouseLeave: ($event: MouseEvent) => void;
-
-    shouldShowClearButton: ComputedRef<boolean>;
-}
-
-export interface UseTextBox {
-
-    changeTextBoxValue: (newValue: string, shouldEmitChangeEvent: boolean) => void;
-
-    disabled?: Ref<boolean>;
-
-    displayText?: Ref<string>;
-
-    editable?: Ref<boolean>;
-
-    hasFocused?: ComputedRef<boolean>;
-
-    inputGroupClass: ComputedRef<Record<string, boolean>>;
-
-    inputType: Ref<string>;
-
-    isEmpty: ComputedRef<boolean>;
-
-    modelValue?: Ref<string>;
-
-    readonly?: ComputedRef<boolean>;
-
-    onBlur?: (payload: FocusEvent) => boolean;
-
-    onClick?: (payload: MouseEvent) => void;
-
-    onFocus?: (payload: FocusEvent) => void;
-
-    onInput?: (payload: Event) => void;
-
-    onKeydown?: (payload: KeyboardEvent) => void;
-
-    onKeyup?: (payload: KeyboardEvent) => void;
-
-    onMousedown?: (payload: MouseEvent) => void;
-
-    onTextBoxValueChange?: (payload: Event) => void;
-
-    placeholder: ComputedRef<string>;
-
-    textBoxClass: ComputedRef<Record<string, boolean>>;
-
-    textBoxTitle: ComputedRef<string>;
-
-    inputGroupStyle: ComputedRef<string>;
-}
-
-export interface UseDateFormat {
-    formatTo: (date: string | Date, format: string) => string;
-}
-export type NumberType = string | number;
-export interface NumberOption {
-    prefix?: string;
-    suffix?: string;
-    decimalSeparator?: string;
-    groupSeparator?: string;
-    [key: string]: any;
-}
-export interface UseNumberFormat {
-    formatTo: (value: NumberType, opts: any) => string;
-    removeFormat: (value: NumberType | null | undefined, opts: any) => string;
-    convertCurrency: (money: string) => string;
-    toFixed: (value: string, precision: number) => string;
-    toNumber: (value: string) => number;
-    greaterThan: (firstValue: NumberType, secondValue: NumberType) => boolean;
-    lessThan: (firstValue: NumberType, secondValue: NumberType) => boolean;
-    equal: (firstValue: NumberType, secondValue: NumberType) => boolean;
-    minus: (firstValue: NumberType, secondValue: NumberType) => string;
-    multiplied: (firstValue: NumberType, secondValue: NumberType) => string;
-    plus: (firstValue: NumberType, secondValue: NumberType) => string;
-    average: (total: NumberType, len: number) => string;
-    sum: (numberArray: NumberType[]) => string;
-    min: (firstValue: Array<NumberType> | NumberType, secondValue: NumberType | null) => string;
-    max: (firstValue: Array<NumberType> | NumberType, secondValue: NumberType | null) => string;
-}
-
-export type TimeAgoDate = Date | string | number;
-export type TimeAgoOptions = {
-    // 可能后期有其他属性
-    /** 相对的日期 */
-    readonly relativeDate?: TimeAgoDate;
-};
-export interface UseTimeAgoFormat {
-    formatTo(date: TimeAgoDate, opts?: TimeAgoOptions): string
-}

package/templates/lib/components/index.scss

@@ -1,2 +0,0 @@
-@use './button/src/button.scss';
-