@farris/cli 2.0.3 → 2.1.0

package/templates/lib/components/common/src/style/base.scss

@@ -1,63 +0,0 @@
-/* Box sizing rules */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-/* Remove default margin */
-body,
-h1,
-h2,
-h3,
-h4,
-p,
-figure,
-blockquote,
-dl,
-dd {
-  margin: 0;
-}
-
-/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role="list"],
-ol[role="list"] {
-  list-style: none;
-}
-
-/* Set core root defaults */
-html:focus-within {
-  scroll-behavior: smooth;
-}
-
-/* Set core body defaults */
-body {
-  min-height: 100vh;
-  text-rendering: optimizeSpeed;
-  line-height: 1.5;
-  font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica,
-    "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB",
-    "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN",
-    "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti",
-    SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
-}
-
-/* A elements that don't have a class get default styles */
-a:not([class]) {
-  text-decoration-skip-ink: auto;
-}
-
-/* Make images easier to work with */
-img,
-picture {
-  max-width: 100%;
-  display: block;
-}
-
-/* Inherit fonts for inputs and buttons */
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}

package/templates/lib/components/common/src/style/icon.scss

@@ -1,6 +0,0 @@
-@font-face {
-  font-family: 'farrisMobile';
-  font-style: normal;
-  font-weight: normal;
-  src: url(./fonts/farris-mobile-icon.ttf) format('truetype');
-}

package/templates/lib/components/common/src/style/index.scss

@@ -1,4 +0,0 @@
-// @import './base';
-// @import './icon';
-// @import './variables';
-// @import './animation';

package/templates/lib/components/common/src/style/mixins/bem.scss

@@ -1,204 +0,0 @@
-/*  
-基于 BEM（Block Element Modifier）命名规范的 SCSS 混合（mixins）和辅助函数，用于生成符合 BEM 规范的 CSS 类名
-*/
-
-// 命名空间前缀，所有类名都会以 fm- 开头
-$namespace: 'fm';
-// 元素分隔符，用于连接 Block 和 Element，例如 fm-block__element
-$element-separator: '__';
-//修饰符分隔符，用于连接 Block/Element 和 Modifier，例如 fm-block--modifier
-$modifier-separator :'--';
-//状态前缀，用于标识组件的状态，例如 is-active
-$state-prefix: 'is-';
-
-/**
-  功能：将传入的选择器转换为字符串形式，并去掉首尾的引号。
-  用途：在后续函数中用于解析选择器内容。
-*/
-@function selectorToString($selector) {
-  $selector: inspect($selector);
-  $selector: str-slice($selector, 2, -2);
-  @return $selector;
-}
-
-/*
-  功能：检查选择器是否包含修饰符分隔符 --。
-  用途：判断是否需要特殊处理修饰符规则
-*/
-@function containsModifier($selector) {
-  $selector: selectorToString($selector);
-
-  @if str-index($selector, $modifier-separator) {
-    @return true;
-  }
-
-  @else {
-    @return false;
-  }
-}
-
-/*
-  功能：检查选择器是否包含状态前缀 .is-。
-  用途：判断是否需要处理状态相关的规则。
-*/
-@function containWhenFlag($selector) {
-  $selector: selectorToString($selector);
-
-  @if str-index($selector, '.' + $state-prefix) {
-    @return true;
-  }
-
-  @else {
-    @return false;
-  }
-}
-
-/*
-  功能：检查选择器是否包含伪类（如 :hover、:active 等）。
-  用途：判断是否需要处理伪类规则。
-*/
-@function containPseudoClass($selector) {
-  $selector: selectorToString($selector);
-
-  @if str-index($selector, ':') {
-    @return true;
-  }
-
-  @else {
-    @return false;
-  }
-}
-
-/*
-  功能：综合判断选择器是否包含修饰符、状态或伪类。
-  用途：决定是否需要特殊嵌套规则。
-*/
-@function hitAllSpecialNestRule($selector) {
-
-  @return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);
-}
-
-/*
-  功能：生成 Block 的基础类名。
-  用法：
-    输入： @include b(button) { color: red; }
-    输出：.fm-button { color: red; }
-*/
-@mixin b($block) {
-
-  $B: #{$namespace + '-' + $block} !global;
-
-  .#{$B} {
-    @content;
-  }
-}
-
-/*
-  功能：生成 Element 的类名。
-  用法：
-    输入： 
-      @include b(button) {
-        @include e(text) {
-          font-size: 14px;
-        }
-      }
-    输出：
-      .fm-button__text {
-        font-size: 14px;
-      }
-    
-*/
-@mixin e($element, $inheritParent: false) {
-  $E: $element !global;
-  $selector: &;
-  $currentSelector: "";
-  $insertSelector: "";
-
-  @each $unit in $element {
-    @if $inheritParent {
-      $currentSelector: #{$currentSelector + $selector + $element-separator + $unit + ","};
-    } @else {
-      $currentSelector: #{$currentSelector + "." + $B + $element-separator + $insertSelector + $unit + ","};
-    }
-  }
-
-  @if hitAllSpecialNestRule($selector) {
-    @at-root {
-      #{$selector} {
-        #{$currentSelector} {
-          @content;
-        }
-      }
-    }
-  }
-
-  @else {
-    @at-root {
-      #{$currentSelector} {
-        @content;
-      }
-    }
-  }
-}
-
-/*
-  功能：生成 Modifier 的类名。
-  用法：
-    输入： 
-      @include b(button) {
-        @include m(disabled) {
-          opacity: 0.5;
-        }
-      }
-    输出：
-      .fm-button--disabled {
-        opacity: 0.5;
-      }
-    
-*/
-@mixin m($modifier) {
-  $selector: &;
-  $currentSelector: "";
-
-  @each $unit in $modifier {
-    $currentSelector: #{$currentSelector + & + $modifier-separator + $unit + ","};
-  }
-
-  @at-root {
-    #{$currentSelector} {
-      @content;
-    }
-  }
-}
-
-/*
-  功能：生成根节点上的 Modifier 类名。
-  用法：
-    输入： 
-      @include b(button) {
-        @include e(text) {
-          @include root-m(disabled) {
-            pointer-events: none;
-          }
-        }
-      }
-      
-    输出：
-      .fm-button--disabled {
-        pointer-events: none;
-      }
-*/
-@mixin root-m($modifier) {
-  $selector: #{"." + $B};
-  $currentSelector: "";
-
-  @each $unit in $modifier {
-    $currentSelector: #{$currentSelector +  & + $selector + $modifier-separator + $unit + ","};
-  }
-
-  @at-root {
-    #{$currentSelector} {
-      @content;
-    }
-  }
-}

package/templates/lib/components/common/src/style/mixins/border-radius.scss

@@ -1,13 +0,0 @@
-@mixin borderRadius($size, $position: '') {
-  @if ($position == 'top') {
-    border-radius: 0 0 $size $size;
-  } @else if($position == 'bottom') {
-    border-radius: $size $size 0 0;
-  } @else if($position == 'left') {
-    border-radius: 0 $size $size 0;
-  } @else if($position == 'right') {
-    border-radius: $size 0 0 $size;
-  } @else {
-    border-radius: $size
-  }
-}

package/templates/lib/components/common/src/style/mixins/ellipsis.scss

@@ -1,15 +0,0 @@
-@mixin multi-ellipsis($lines) {
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: $lines;
-
-  /* autoprefixer: ignore next */
-  -webkit-box-orient: vertical;
-}
-
-@mixin ellipsis {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/templates/lib/components/common/src/style/mixins/hairline.scss

@@ -1,113 +0,0 @@
-@mixin scale-hairline-common($color, $top, $right, $bottom, $left) {
-  content: '';
-  position: absolute;
-  background-color: $color;
-  display: block;
-  z-index: 1;
-  top: $top;
-  right: $right;
-  bottom: $bottom;
-  left: $left;
-}
-
-@mixin hairline(
-  $direction,
-  $color: #ddd,
-  $radius: 0,
-  $type: solid,
-) {
-  @if ($direction == 'top') {
-    border-top: 1px $type $color;
-    position: relative;
-    border-top: none;
-    &::before {
-      @include scale-hairline-common($color, 0, auto, auto, 0);
-      width: 100%;
-      height: 1px;
-      transform-origin: 50% 50%;
-      transform: scaleY(0.5);
-    }
-  } @else if ($direction == 'bottom') {
-    border-bottom: 1px $type $color;
-    position: relative;
-    border-bottom: none;
-    &::after {
-      @include scale-hairline-common($color, auto, auto, 0, 0);
-      width: 100%;
-      height: 1px;
-      transform-origin: 50% 100%;
-      transform: scaleY(0.5);
-    }
-  } @else if ($direction == 'left') {
-    border-left: 1px $type $color;
-    position: relative;
-    border-left: none;
-    &::before {
-      @include scale-hairline-common($color, 0, auto, auto, 0);
-      width: 1px;
-      height: 100%;
-      transform-origin: 100% 50%;
-      transform: scaleX(0.5);
-    }
-  } @else if ($direction == 'right') {
-    border-right: 1px $type $color;
-    position: relative;
-    border-right: none;
-    &::after {
-      @include scale-hairline-common($color, 0, 0, auto, auto);
-      width: 1px;
-      height: 100%;
-      background: $color;
-      transform-origin: 100% 50%;
-      transform: scaleX(0.5);
-    }
-  } @else if ($direction == 'all') {
-    border: 1px $type $color;
-    border-radius: $radius;
-    position: relative;
-    border: none;
-    &::before {
-      content: '';
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 200%;
-      height: 200%;
-      border: 1px $type $color;
-      border-radius: $radius * 2;
-      transform-origin: 0 0;
-      transform: scale(0.5);
-      box-sizing: border-box;
-      pointer-events: none;
-    }
-  }
-}
-
-@mixin hairline-remove($position) {
-  @if $position == 'left' {
-    border-left: 0;
-    &:before {
-      display: none !important;
-    }
-  } @else if $position == 'right' {
-    border-right: 0;
-    &:after {
-      display: none !important;
-    }
-  } @else if $position == 'top' {
-    border-top: 0;
-    &:before {
-      display: none !important;
-    }
-  } @else if $position == 'bottom' {
-    border-bottom: 0;
-    &:after {
-      display: none !important;
-    }
-  } @else if $position == 'all' {
-    border: 0;
-    &:before {
-      display: none !important;
-    }
-  }
-}

package/templates/lib/components/common/src/style/mixins/index.scss

@@ -1,6 +0,0 @@
-@forward 'bem';
-@forward 'border-radius';
-@forward 'ellipsis';
-@forward 'hairline';
-@forward 'safe-area';
-@forward 'margin';

package/templates/lib/components/common/src/style/mixins/margin.scss

@@ -1,10 +0,0 @@
-@mixin not-first-child-margin($size, $position: '') {
-  &:not(:first-child) {
-    #{'margin-' + $position}: $size;
-  }
-}
-@mixin not-last-child-margin($size, $position: '') {
-  &:not(:last-child) {
-    #{'margin-' + $position}: $size;
-  }
-}

package/templates/lib/components/common/src/style/mixins/safe-area.scss

@@ -1,9 +0,0 @@
-@mixin safeArea($styleName) {
-  @if($styleName){
-    #{$styleName}: 0;
-    @supports ((bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom))) and (-webkit-overflow-scrolling: touch) {
-      #{$styleName}: constant(safe-area-inset-bottom);
-      #{$styleName}: env(safe-area-inset-bottom);
-    }
-  }
-}

package/templates/lib/components/common/src/style/variables.scss

@@ -1,113 +0,0 @@
-:root {
-  // Color Palette
-  --fm-black: #000;
-  --fm-white: #fff;
-  --fm-gray-1: #f2f3f5;
-  --fm-gray-2: #eee;
-  --fm-gray-3: #ddd;
-  --fm-gray-4: #ccc;
-  --fm-gray-5: #999;
-  --fm-gray-6: #666;
-  --fm-gray-7: #333;
-  --fm-red: #F24645;
-  --fm-red-light: #f9e8e8;
-  --fm-blue: #3A90FF;
-  --fm-blue-2: #65a7ff;
-  --fm-blue-light: #ecf2fe;
-  --fm-green: #5CC171;
-  --fm-green-2: #5AC1C3;
-  --fm-green-light: #e9f5ed;
-  --fm-orange: #FF9800;
-  --fm-orange-2: #FA6400;
-  --fm-orange-3: #FFB400;
-  --fm-orange-light: #faf0e1;
-
-  // Component Colors
-  --fm-primary-color: var(--fm-blue);
-  --fm-success-color: var(--fm-green);
-  --fm-danger-color: var(--fm-red);
-  --fm-warning-color: var(--fm-orange);
-  --fm-submit-color: var(--fm-green-2);
-  --fm-primary-color-light: var(--fm-blue-light);
-  --fm-success-color-light: var(--fm-green-light);
-  --fm-danger-color-light: var(--fm-red-light);
-  --fm-warning-color-light: var(--fm-orange-light);
-  --fm-text-color: var(--fm-gray-7);
-  --fm-text-color-light: var(--fm-gray-5);
-  --fm-active-color: var(--fm-gray-1);
-  --fm-disabled-color: var(--fm-gray-4);
-  --fm-readonly-color: var(--fm-gray-6);
-  --fm-active-opacity: 0.7;
-  --fm-readonly-opacity: 0.6;
-  --fm-disabled-opacity: 0.5;
-  --fm-background: var(--fm-gray-1);
-  --fm-background-white: var(--fm-white);
-  --fm-box-shadow-color: var(--fm-gray-1); 
-
-  // Padding
-  --fm-padding-base: 4px;
-  --fm-padding-xs: 8px;
-  --fm-padding-sm: 12px;
-  --fm-padding-md: 16px;
-  --fm-padding-lg: 24px;
-  --fm-padding-xl: 32px;
-  --fm-padding-horizontal-xs: 0 var(--fm-padding-xs);
-  --fm-padding-horizontal-sm: 0 var(--fm-padding-sm);
-  --fm-padding-horizontal-md: 0 var(--fm-padding-md);
-  --fm-padding-horizontal-lg: 0 var(--fm-padding-lg);
-
-  // Margin
-  --fm-margin-base: 4px;
-  --fm-margin-xs: 8px;
-  --fm-margin-sm: 12px;
-  --fm-margin-md: 16px;
-  --fm-margin-lg: 24px;
-  --fm-margin-xl: 32px;
-  --fm-margin-horizontal-xs: 0 var(--fm-margin-xs);
-  --fm-margin-horizontal-sm: 0 var(--fm-margin-sm);
-  --fm-margin-horizontal-md: 0 var(--fm-margin-md);
-  --fm-margin-horizontal-lg: 0 var(--fm-margin-lg);
-
-  // Font
-  --fm-font-bold-light: 500;
-  --fm-font-bold: 600;
-  --fm-font-size: 16px;
-  --fm-line-height: 1.2;
-
-  --fm-font-size-xs: 10px;
-  --fm-font-size-sm: 12px;
-  --fm-font-size-md: 14px;
-  --fm-font-size-lg: 16px;
-
-  // Gradient Colors
-  --fm-gradient-blue: linear-gradient(-45deg,var(--fm-blue-2) 0%, var(--fm-blue) 100%);
-  --fm-gradient-orange:  linear-gradient(-45deg,var(--fm-orange) 0%, var(--fm-orange-2) 100%);
-  
-  /* stylelint-disable */
-  --fm-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-    Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
-    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-  --fm-price-font: avenir-heavy, 'PingFang SC', helvetica neue, arial,
-    sans-serif;
-  /* stylelint-enable */
-
-  // Animation
-  --fm-duration-base: 0.3s;
-  --fm-duration-fast: 0.2s;
-  --fm-ease-out: ease-out;
-  --fm-ease-in: ease-in;
-
-  // Border
-  --fm-noborder: none;
-  --fm-radius-sm: 2px;
-  --fm-radius-md: 4px;
-  --fm-radius-lg: 8px;
-  --fm-radius-max: 999px;
-
-  --fm-zindex-1: 9;
-  --fm-zindex-2: 10;
-  --fm-zindex-3: 99;
-  --fm-zindex-4: 100;
-  --fm-zindex-5: 999;
-  --fm-zindex-6: 1000;
-}

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

@@ -1,15 +0,0 @@
-export * from './src/dom/event';
-export * from './src/common';
-export * from './src/hook';
-export * from './src/number';
-export * from './src/resove-asset';
-export * from './src/throttle';
-export * from './src/transition';
-export * from './src/type';
-export * from './src/date';
-export * from './src/string';
-export * from './src/use-appearance';
-export * from './src/query-filter';
-export * from './src/with-install';
-export * from './src/with-register';
-export * from './src/with-register-designer';

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

@@ -1,83 +0,0 @@
-import { isDef, isNumeric, isObject } from './type';
-
-export function noop() { }
-
-export function addUnit(value: string | number) {
-  if (!isDef(value)) {
-    return undefined;
-  }
-  value = String(value);
-  return isNumeric(value) ? `${value}px` : value;
-}
-
-export const escapeHtml = (str: string) => {
-  if (str === null || str === undefined || str === '') {
-    return '';
-  }
-  return str
-    .replace(/&/g, '&')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;')
-    .replace(/\//g, '&#x2F;');
-};
-
-export const unescapeHtml = (str: string) => {
-  if (str === null || str === undefined || str === '') {
-    return '';
-  }
-  return str
-    .replace(/&amp;/g, '&')
-    .replace(/&lt;/g, '<')
-    .replace(/&gt;/g, '>')
-    .replace(/&quot;/g, '"')
-    .replace(/&#39;/g, "'")
-    .replace(/&#x2F;/g, '/');
-};
-
-export const getValue = (field: string, data: any, safe = false) => {
-  if (!data) {
-    return '';
-  }
-  let resultVal = '';
-  if (field.indexOf('.') === -1) {
-    resultVal = data[field];
-  } else {
-    resultVal = field.split('.').reduce((obj, key) => {
-      if (obj) {
-        return obj[key];
-      }
-      return null;
-    }, data);
-  }
-
-  if (safe) {
-    return escapeHtml(resultVal);
-  }
-  return resultVal;
-};
-
-export const setValue = (obj: Record<string, any>, field: string, val: any) => {
-  if(!obj || !field){
-    return;
-  }
-  if (field.indexOf('.') > 0) {
-    const fieldMap = field.split('.');
-    const target = fieldMap.slice(0, -1).reduce((record, fieldItem) => {
-      if(!isObject(record[fieldItem])) {
-        record[fieldItem] = {};
-      }
-      return record[fieldItem];
-    }, obj);
-
-    if (target) {
-      const targetField = fieldMap.pop();
-      if (targetField) {
-        target[targetField] = val;
-      }
-    }
-  } else {
-    obj[field] = val;
-  }
-};