@douyinfe/semi-foundation 2.70.0-alpha.2 → 2.70.0

package/lib/cjs/resizable/groupConstants.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.directionStyles = void 0;
-// group
-const rowStyleBase = {
-  width: '100%',
-  height: '8px',
-  flexShrink: 0,
-  margin: '0',
-  cursor: 'row-resize'
-};
-const colStyleBase = {
-  width: '8px',
-  flexShrink: 0,
-  height: '100%',
-  margin: '0',
-  cursor: 'col-resize'
-};
-const directionStyles = exports.directionStyles = {
-  horizontal: Object.assign({}, colStyleBase),
-  vertical: Object.assign({}, rowStyleBase)
-};

package/lib/cjs/resizable/singleConstants.d.ts

@@ -1,105 +0,0 @@
-export declare const directions: readonly ["top", "right", "bottom", "left", "topRight", "bottomRight", "bottomLeft", "topLeft"];
-export declare const directionStyles: {
-    readonly top: {
-        readonly top: "-5px";
-        readonly width: "100%";
-        readonly height: "10px";
-        readonly left: "0px";
-        readonly cursor: "row-resize";
-    };
-    readonly right: {
-        readonly left: any;
-        readonly right: "-5px";
-        readonly width: "10px";
-        readonly height: "100%";
-        readonly top: "0px";
-        readonly cursor: "col-resize";
-    };
-    readonly bottom: {
-        readonly top: any;
-        readonly bottom: "-5px";
-        readonly width: "100%";
-        readonly height: "10px";
-        readonly left: "0px";
-        readonly cursor: "row-resize";
-    };
-    readonly left: {
-        readonly left: "-5px";
-        readonly width: "10px";
-        readonly height: "100%";
-        readonly top: "0px";
-        readonly cursor: "col-resize";
-    };
-    readonly topRight: {
-        readonly right: "-10px";
-        readonly top: "-10px";
-        readonly cursor: "ne-resize";
-        readonly width: "20px";
-        readonly height: "20px";
-        readonly position: "absolute";
-    };
-    readonly bottomRight: {
-        readonly right: "-10px";
-        readonly bottom: "-10px";
-        readonly cursor: "se-resize";
-        readonly width: "20px";
-        readonly height: "20px";
-        readonly position: "absolute";
-    };
-    readonly bottomLeft: {
-        readonly left: "-10px";
-        readonly bottom: "-10px";
-        readonly cursor: "sw-resize";
-        readonly width: "20px";
-        readonly height: "20px";
-        readonly position: "absolute";
-    };
-    readonly topLeft: {
-        readonly left: "-10px";
-        readonly top: "-10px";
-        readonly cursor: "nw-resize";
-        readonly width: "20px";
-        readonly height: "20px";
-        readonly position: "absolute";
-    };
-};
-export type Direction = 'top' | 'right' | 'bottom' | 'left' | 'topRight' | 'bottomRight' | 'bottomLeft' | 'topLeft';
-export interface HandleClassName {
-    top?: string;
-    right?: string;
-    bottom?: string;
-    left?: string;
-    topRight?: string;
-    bottomRight?: string;
-    bottomLeft?: string;
-    topLeft?: string;
-}
-export type HandlerCallback = (e: MouseEvent, direction: Direction) => void;
-export interface Enable {
-    top?: boolean;
-    right?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-    topRight?: boolean;
-    bottomRight?: boolean;
-    bottomLeft?: boolean;
-    topLeft?: boolean;
-}
-export interface Size {
-    width?: string | number;
-    height?: string | number;
-}
-export interface NumberSize {
-    width: number;
-    height: number;
-}
-export interface NewSize {
-    newHeight: number | string;
-    newWidth: number | string;
-}
-export declare const DEFAULT_SIZE: {
-    width: string;
-    height: string;
-};
-export type ResizeCallback = (size: Size, event: MouseEvent, direction: Direction) => void;
-export type ResizeStartCallback = (e: MouseEvent, dir: Direction) => void | boolean;

package/lib/cjs/resizable/singleConstants.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.directions = exports.directionStyles = exports.DEFAULT_SIZE = void 0;
-// single
-const rowStyleBase = {
-  width: '100%',
-  height: '10px',
-  top: '0px',
-  left: '0px',
-  cursor: 'row-resize'
-};
-const colStyleBase = {
-  width: '10px',
-  height: '100%',
-  top: '0px',
-  left: '0px',
-  cursor: 'col-resize'
-};
-const edgeStyleBase = {
-  width: '20px',
-  height: '20px',
-  position: 'absolute'
-};
-const directions = exports.directions = ['top', 'right', 'bottom', 'left', 'topRight', 'bottomRight', 'bottomLeft', 'topLeft'];
-const directionStyles = exports.directionStyles = {
-  top: Object.assign(Object.assign({}, rowStyleBase), {
-    top: '-5px'
-  }),
-  right: Object.assign(Object.assign({}, colStyleBase), {
-    left: undefined,
-    right: '-5px'
-  }),
-  bottom: Object.assign(Object.assign({}, rowStyleBase), {
-    top: undefined,
-    bottom: '-5px'
-  }),
-  left: Object.assign(Object.assign({}, colStyleBase), {
-    left: '-5px'
-  }),
-  topRight: Object.assign(Object.assign({}, edgeStyleBase), {
-    right: '-10px',
-    top: '-10px',
-    cursor: 'ne-resize'
-  }),
-  bottomRight: Object.assign(Object.assign({}, edgeStyleBase), {
-    right: '-10px',
-    bottom: '-10px',
-    cursor: 'se-resize'
-  }),
-  bottomLeft: Object.assign(Object.assign({}, edgeStyleBase), {
-    left: '-10px',
-    bottom: '-10px',
-    cursor: 'sw-resize'
-  }),
-  topLeft: Object.assign(Object.assign({}, edgeStyleBase), {
-    left: '-10px',
-    top: '-10px',
-    cursor: 'nw-resize'
-  })
-};
-const DEFAULT_SIZE = exports.DEFAULT_SIZE = {
-  width: 'auto',
-  height: 'auto'
-};

package/lib/es/jsonViewer/constants.d.ts

@@ -1,4 +0,0 @@
-declare const cssClasses: {
-    readonly PREFIX: "semi-json-viewer";
-};
-export { cssClasses };

package/lib/es/jsonViewer/constants.js

@@ -1,5 +0,0 @@
-import { BASE_CLASS_PREFIX } from "../base/constants";
-const cssClasses = {
-  PREFIX: `${BASE_CLASS_PREFIX}-json-viewer`
-};
-export { cssClasses };

package/lib/es/jsonViewer/foundation.d.ts

@@ -1,21 +0,0 @@
-export * from '@douyinfe/semi-json-viewer-core';
-import { JsonViewer } from '@douyinfe/semi-json-viewer-core';
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface JsonViewerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    getJsonViewerRef: () => HTMLElement;
-    onValueChange: (value: string) => void;
-    onValueHover: (value: string, el: HTMLElement) => HTMLElement | undefined;
-}
-declare class JsonViewerFoundation extends BaseFoundation<JsonViewerAdapter> {
-    constructor(adapter: JsonViewerAdapter);
-    jsonViewer: JsonViewer | null;
-    init(): void;
-    onValueChange(value: string): void;
-    onValueHover(value: string, el: HTMLElement): HTMLElement | undefined;
-    search(searchText: string): void;
-    prevSearch(): void;
-    nextSearch(): void;
-    replace(replaceText: string): void;
-    replaceAll(replaceText: string): void;
-}
-export default JsonViewerFoundation;

package/lib/es/jsonViewer/foundation.js

@@ -1,60 +0,0 @@
-export * from '@douyinfe/semi-json-viewer-core';
-import { JsonViewer } from '@douyinfe/semi-json-viewer-core';
-import BaseFoundation from '../base/foundation';
-class JsonViewerFoundation extends BaseFoundation {
-  constructor(adapter) {
-    super(Object.assign(Object.assign({}, JsonViewerFoundation), adapter));
-    this.jsonViewer = null;
-  }
-  init() {
-    const props = this.getProps();
-    const jsonViewerRef = this._adapter.getJsonViewerRef();
-    this.jsonViewer = new JsonViewer(jsonViewerRef, props.value, props.options);
-    this.jsonViewer.layout();
-    this.jsonViewer.emitter.on('contentChanged', e => {
-      var _a;
-      this.onValueChange((_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getModel().getValue());
-    });
-    this.jsonViewer.emitter.on('hoverNode', e => {
-      const el = this.onValueHover(e.value, e.target);
-      if (el) {
-        this.jsonViewer.emitter.emit('renderHoverNode', {
-          el
-        });
-      }
-    });
-  }
-  onValueChange(value) {
-    this._adapter.onValueChange(value);
-  }
-  onValueHover(value, el) {
-    return this._adapter.onValueHover(value, el);
-  }
-  search(searchText) {
-    var _a;
-    const state = this.getState('searchOptions');
-    const {
-      caseSensitive,
-      wholeWord,
-      regex
-    } = state;
-    (_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getSearchWidget().search(searchText, caseSensitive, wholeWord, regex);
-  }
-  prevSearch() {
-    var _a;
-    (_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getSearchWidget().navigateResults(-1);
-  }
-  nextSearch() {
-    var _a;
-    (_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getSearchWidget().navigateResults(1);
-  }
-  replace(replaceText) {
-    var _a;
-    (_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getSearchWidget().replace(replaceText);
-  }
-  replaceAll(replaceText) {
-    var _a;
-    (_a = this.jsonViewer) === null || _a === void 0 ? void 0 : _a.getSearchWidget().replaceAll(replaceText);
-  }
-}
-export default JsonViewerFoundation;

package/lib/es/jsonViewer/jsonViewer.css

@@ -1,136 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-json-viewer-background {
-  background-color: var(--semi-color-default);
-}
-.semi-json-viewer-string-key {
-  color: rgba(var(--semi-red-5), 1);
-}
-.semi-json-viewer-string-value {
-  color: rgba(var(--semi-blue-5), 1);
-}
-.semi-json-viewer-keyword {
-  color: rgba(var(--semi-blue-5), 1);
-}
-.semi-json-viewer-number {
-  color: rgba(var(--semi-green-5), 1);
-}
-.semi-json-viewer-delimiter-comma {
-  color: rgba(var(--semi-blue-6), 1);
-}
-.semi-json-viewer-delimiter-bracket-0 {
-  color: rgba(var(--semi-blue-7), 1);
-}
-.semi-json-viewer-delimiter-bracket-1 {
-  color: rgba(var(--semi-green-7), 1);
-}
-.semi-json-viewer-delimiter-bracket-2 {
-  color: rgba(var(--semi-orange-7), 1);
-}
-.semi-json-viewer-delimiter-array-0 {
-  color: rgba(var(--semi-blue-7), 1);
-}
-.semi-json-viewer-delimiter-array-1 {
-  color: rgba(var(--semi-green-7), 1);
-}
-.semi-json-viewer-delimiter-array-2 {
-  color: rgba(var(--semi-orange-7), 1);
-}
-.semi-json-viewer-search-result {
-  background-color: rgba(var(--semi-green-2), 1);
-}
-.semi-json-viewer-current-search-result {
-  background-color: rgba(var(--semi-yellow-4), 1) !important;
-}
-.semi-json-viewer-folding-icon {
-  opacity: 0.7;
-  transition: opacity 0.8s;
-  color: rgba(var(--semi-blue-7), 1);
-}
-.semi-json-viewer-view-line {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
-  font-weight: normal;
-  font-size: 12px;
-  font-feature-settings: "liga" 0, "calt" 0;
-  font-variation-settings: normal;
-  letter-spacing: 0px;
-  color: #237893;
-}
-.semi-json-viewer-line-number {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
-  font-weight: normal;
-  font-size: 12px;
-  font-feature-settings: "liga" 0, "calt" 0;
-  font-variation-settings: normal;
-  letter-spacing: 0px;
-  color: rgba(var(--semi-grey-5), 1);
-  text-align: center;
-  width: 50px;
-}
-.semi-json-viewer-line-number-container {
-  scrollbar-width: none; /* 隐藏滚动条（Firefox） */
-  -ms-overflow-style: none; /* 隐藏滚动条（IE 和 Edge） */
-}
-.semi-json-viewer-line-number-container::-webkit-scrollbar {
-  display: none; /* 隐藏滚动条（Webkit 浏览器） */
-}
-.semi-json-viewer-search-bar-container {
-  width: 440px;
-  border: 1px solid var(--semi-color-border);
-  border-radius: var(--semi-border-radius-small);
-  display: flex;
-  flex-direction: column;
-  padding: 8px;
-  gap: 8px;
-}
-.semi-json-viewer-replace-bar, .semi-json-viewer-search-bar {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-}
-.semi-json-viewer-search-options {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  list-style: none;
-  padding-inline-start: 0;
-  margin-block-start: 0;
-  margin-block-end: 0;
-}
-.semi-json-viewer-search-options-item {
-  min-width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  margin: 0 4px;
-  border-radius: var(--semi-border-radius-small);
-}
-.semi-json-viewer-search-options-item:hover {
-  background-color: var(--semi-color-default);
-}
-.semi-json-viewer-search-options-item-active {
-  color: var(--semi-color-primary);
-  background-color: var(--semi-color-primary-light-default);
-}
-.semi-json-viewer-complete-suggestions-container {
-  border-radius: var(--semi-border-radius-medium);
-  background-color: var(--semi-color-bg-3);
-  box-shadow: var(--semi-shadow-elevated);
-  z-index: 1000;
-  min-width: 200px;
-  max-width: 400px;
-  list-style: none;
-  padding: 4px 0;
-}
-.semi-json-viewer-complete-container {
-  position: absolute;
-  z-index: 1000;
-}
-.semi-json-viewer-complete-suggestions-item {
-  padding: 8px 16px;
-  color: var(--semi-color-text-0);
-  cursor: pointer;
-}

package/lib/es/jsonViewer/jsonViewer.scss

@@ -1,152 +0,0 @@
-@import './variables.scss';
-
-$module: #{$prefix}-json-viewer;
-
-.#{$module} {
-    &-background {
-        background-color: $color-json-viewer-background;
-    }
-
-    &-string-key {
-        color: $color-json-viewer-key;
-    }
-
-    &-string-value {
-        color: $color-json-viewer-value;
-    }
-
-    &-keyword {
-        color: $color-json-viewer-keyword;
-    }
-
-    &-number {
-        color: $color-json-viewer-number;
-    }
-
-    &-delimiter-comma {
-        color: $color-json-viewer-delimiter-comma;
-    }
-
-    @each $type, $colors in $semi-json-viewer-delimiter-colors {
-        @each $level, $color in $colors {
-            &-delimiter-#{$type}-#{$level} {
-                color: $color;
-            }
-        }
-    }
-
-    &-search-result {
-        background-color: $semi-json-viewer-search-result-background;
-    }
-
-    &-current-search-result {
-        background-color: $semi-json-viewer-current-search-result-background !important;
-    }
-
-    &-folding-icon {
-        opacity: 0.7;
-        transition: opacity 0.8s;
-        color: $semi-json-viewer-folding-icon-color;
-    }
-
-    &-view-line {
-        font-family: Menlo, Firecode, Monaco, 'Courier New', monospace;
-        font-weight: normal;
-        font-size: 12px;
-        font-feature-settings: 'liga' 0, 'calt' 0;
-        font-variation-settings: normal;
-        letter-spacing: 0px;
-        color: #237893;
-    }
-
-    &-line-number {
-        font-family: Menlo, Firecode, Monaco, 'Courier New', monospace;
-        font-weight: normal;
-        font-size: 12px;
-        font-feature-settings: 'liga' 0, 'calt' 0;
-        font-variation-settings: normal;
-        letter-spacing: 0px;
-        color: $semi-json-viewer-line-number-color;
-        text-align: center;
-        width: 50px;
-    }
-
-    &-line-number-container {
-        scrollbar-width: none; /* 隐藏滚动条（Firefox） */
-        -ms-overflow-style: none; /* 隐藏滚动条（IE 和 Edge） */
-    }
-
-    &-line-number-container::-webkit-scrollbar {
-        display: none; /* 隐藏滚动条（Webkit 浏览器） */
-    }
-
-    &-search-bar-container {
-        width: 440px;
-        border: 1px solid var(--semi-color-border);
-        border-radius: var(--semi-border-radius-small);
-        display: flex;
-        flex-direction: column;
-        padding: 8px;
-        gap: 8px;
-    }
-
-
-    &-replace-bar,
-    &-search-bar {
-        display: flex;
-        align-items: flex-start;
-        gap: 8px;
-    }
-
-    &-search-options {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        list-style: none;
-        padding-inline-start: 0;
-        margin-block-start: 0;
-        margin-block-end: 0;
-    }
-
-    &-search-options-item {
-        min-width: 32px;
-        height: 32px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        margin: 0 4px;
-        border-radius: var(--semi-border-radius-small);
-    }
-
-    &-search-options-item:hover {
-        background-color: var(--semi-color-default);
-    }
-
-    &-search-options-item-active {
-        color: var(--semi-color-primary);
-        background-color: var(--semi-color-primary-light-default);
-    }
-
-    &-complete-suggestions-container {
-        border-radius: var(--semi-border-radius-medium);
-        background-color: var(--semi-color-bg-3);
-        box-shadow: var(--semi-shadow-elevated);
-        z-index: 1000;
-        min-width: 200px;
-        max-width: 400px;
-        list-style: none;
-        padding: 4px 0;
-    }
-
-    &-complete-container {
-        position: absolute;
-        z-index: 1000;
-    }
-
-    &-complete-suggestions-item {
-        padding: 8px 16px;
-        color: var(--semi-color-text-0);
-        cursor: pointer;
-    }
-}

package/lib/es/jsonViewer/variables.scss

@@ -1,27 +0,0 @@
-$color-json-viewer-background: var(--semi-color-default); // JSON背景颜色
-$color-json-viewer-key: rgba(var(--semi-red-5), 1); // JSON key 颜色
-$color-json-viewer-value: rgba(var(--semi-blue-5), 1); 
-$color-json-viewer-number: rgba(var(--semi-green-5), 1); // JSON number 颜色
-$color-json-viewer-keyword: rgba(var(--semi-blue-5), 1); // JSON keyword 颜色
-$color-json-viewer-delimiter-comma: rgba(var(--semi-blue-6), 1); // JSON delimiter comma 颜色
-
-$semi-json-viewer-delimiter-colors: (
-  bracket: (
-    0: rgba(var(--semi-blue-7), 1),   // 括号层级 0 颜色
-    1: rgba(var(--semi-green-7), 1),   // 括号层级 1 颜色
-    2: rgba(var(--semi-orange-7), 1),  // 括号层级 2 颜色
-  ),
-  array: (
-    0: rgba(var(--semi-blue-7), 1),    // 数组层级 0 颜色
-    1: rgba(var(--semi-green-7), 1),   // 数组层级 1 颜色
-    2: rgba(var(--semi-orange-7), 1),  // 数组层级 2 颜色
-  )
-);
-
-$semi-json-viewer-search-result-background: rgba(var(--semi-green-2), 1); // JSON search result background 颜色
-$semi-json-viewer-current-search-result-background: rgba(var(--semi-yellow-4), 1); // JSON current search result background 颜色
-
-$semi-json-viewer-folding-icon-color: rgba(var(--semi-blue-7), 1); // JSON folding icon 颜色
-
-
-$semi-json-viewer-line-number-color: rgba(var(--semi-grey-5), 1); // JSON line number 颜色

package/lib/es/resizable/groupConstants.d.ts

@@ -1,16 +0,0 @@
-export declare const directionStyles: {
-    readonly horizontal: {
-        readonly width: "8px";
-        readonly flexShrink: 0;
-        readonly height: "100%";
-        readonly margin: "0";
-        readonly cursor: "col-resize";
-    };
-    readonly vertical: {
-        readonly width: "100%";
-        readonly height: "8px";
-        readonly flexShrink: 0;
-        readonly margin: "0";
-        readonly cursor: "row-resize";
-    };
-};

package/lib/es/resizable/groupConstants.js

@@ -1,19 +0,0 @@
-// group
-const rowStyleBase = {
-  width: '100%',
-  height: '8px',
-  flexShrink: 0,
-  margin: '0',
-  cursor: 'row-resize'
-};
-const colStyleBase = {
-  width: '8px',
-  flexShrink: 0,
-  height: '100%',
-  margin: '0',
-  cursor: 'col-resize'
-};
-export const directionStyles = {
-  horizontal: Object.assign({}, colStyleBase),
-  vertical: Object.assign({}, rowStyleBase)
-};