x-star-editor 0.0.3 → 0.0.4

package/dist/components/Toolbar.less

@@ -0,0 +1,118 @@
+@import '../styles/global.less';
+
+.@{prefix}toolbar {
+  padding: 0.2em;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.2em;
+  font-size: 1.1em;
+  background-color: #f5771210;
+  border: 1px solid #f5771220;
+  border-top-left-radius: 0.2em;
+  border-top-right-radius: 0.2em;
+
+  .@{prefix}button-container {
+    position: relative;
+
+    > .@{prefix}button {
+      width: 2em;
+      height: 2em;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-family: Consolas;
+      border: 1px solid transparent;
+      cursor: pointer;
+      user-select: none;
+
+      &.@{prefix}active {
+        background-color: #f8f8f8;
+        border: 1px solid #f5771280;
+        border-radius: 0.2em;
+      }
+
+      .@{prefix}icon {
+        width: 45%;
+        height: 45%;
+        background-size: contain;
+
+        &.@{prefix}code-library {
+          background-image: url('icons/code-library.svg');
+        }
+
+        &.@{prefix}italic {
+          background-image: url('icons/italic.svg');
+        }
+
+        &.@{prefix}bold {
+          background-image: url('icons/bold.svg');
+        }
+
+        &.@{prefix}code {
+          background-image: url('icons/code.svg');
+        }
+
+        &.@{prefix}link {
+          background-image: url('icons/link.svg');
+        }
+
+        &.@{prefix}image {
+          background-image: url('icons/image.svg');
+        }
+
+        &.@{prefix}strikethrough {
+          background-image: url('icons/strikethrough.svg');
+        }
+      }
+
+      .@{prefix}tooltip {
+        position: absolute;
+        top: 3em;
+        width: max-content;
+        padding: 0.4em;
+        font-size: 0.8em;
+        color: #f8f8f8;
+        background-color: #022679;
+        border-radius: 0.2em;
+        z-index: 2;
+
+        &::before {
+          content: '';
+          position: absolute;
+          top: -0.3em;
+          left: 50%;
+          border-top: 0.6em solid #022679;
+          border-right: 0.6em solid transparent;
+          transform-origin: 0 0;
+          transform: rotate(45deg);
+        }
+      }
+    }
+
+    .@{prefix}popover {
+      position: absolute;
+      width: max-content;
+      background-color: #f8f8f8;
+      border: 1px solid #f5771280;
+      border-radius: 0.2em;
+      box-shadow: 0 2px 4px #00000020;
+      opacity: 0;
+      z-index: 1;
+
+      .@{prefix}option {
+        padding: 4px 8px;
+        cursor: pointer;
+        user-select: none;
+
+        &:hover {
+          background-color: #f0f0f0;
+        }
+      }
+    }
+  }
+
+  .@{prefix}divider {
+    margin: 0.4em;
+    border: 1px solid #f5771280;
+  }
+}

package/dist/styles/global.less

@@ -0,0 +1 @@
+@prefix: x-star-;

package/dist/styles/{markdown.css → markdown.less}

@@ -1,60 +1,64 @@
-.x-star-md-editor-block {
+@import './global.less';
+
+@md-prefix: ~'@{prefix}md-editor-';
+
+.@{md-prefix}block {
   margin: 0.2em;
   padding: 0.2em;
   border-radius: 0.2em;
 }
 
-.x-star-md-editor-block:hover {
+.@{md-prefix}block:hover {
   background-color: #f8f8f8;
 }
 
-.x-star-md-editor-delimiter,
-.x-star-md-editor-break {
+.@{md-prefix}delimiter,
+.@{md-prefix}break {
   color: #f5771280;
 }
 
-.x-star-md-editor-heading {
+.@{md-prefix}heading {
   font-weight: bold;
 }
 
-.x-star-md-editor-heading1 {
+.@{md-prefix}heading1 {
   font-size: 1.6em;
 }
 
-.x-star-md-editor-heading2 {
+.@{md-prefix}heading2 {
   font-size: 1.3em;
 }
 
-.x-star-md-editor-heading3 {
+.@{md-prefix}heading3 {
   font-size: 1.2em;
 }
 
-.x-star-md-editor-heading4 {
+.@{md-prefix}heading4 {
   font-size: 1.1em;
 }
 
-.x-star-md-editor-heading5 {
+.@{md-prefix}heading5 {
   font-size: 1em;
 }
 
-.x-star-md-editor-heading6 {
+.@{md-prefix}heading6 {
   font-size: 0.9em;
 }
 
-.x-star-md-editor-thematicBreak,
-.x-star-md-editor-listItem > .x-star-md-editor-delimiter,
-.x-star-md-editor-definition,
-.x-star-md-editor-link,
-.x-star-md-editor-image,
-.x-star-md-editor-linkReference,
-.x-star-md-editor-imageReference,
-.x-star-md-editor-footnoteDefinition,
-.x-star-md-editor-footnoteReference {
+.@{md-prefix}thematicBreak,
+.@{md-prefix}listItem > .@{md-prefix}delimiter,
+.@{md-prefix}definition,
+.@{md-prefix}link,
+.@{md-prefix}image,
+.@{md-prefix}linkReference,
+.@{md-prefix}imageReference,
+.@{md-prefix}footnoteDefinition,
+.@{md-prefix}footnoteReference {
   color: #f57712;
 }
 
-.x-star-md-editor-html,
-.x-star-md-editor-code {
+.@{md-prefix}html,
+.@{md-prefix}code {
   padding: 0 0.2em;
   tab-size: 4;
   font-family: Consolas;
@@ -64,19 +68,21 @@
   border-left: 1px solid #02267920;
 }
 
-:is(.x-star-md-editor-html, .x-star-md-editor-code).x-star-md-editor-first {
+.@{md-prefix}html.@{md-prefix}first,
+.@{md-prefix}code.@{md-prefix}first {
   border-top: 1px solid #02267920;
   border-top-left-radius: 0.2em;
   border-top-right-radius: 0.2em;
 }
 
-:is(.x-star-md-editor-html, .x-star-md-editor-code).x-star-md-editor-last {
+.@{md-prefix}html.@{md-prefix}last,
+.@{md-prefix}code.@{md-prefix}last {
   border-bottom: 1px solid #02267920;
   border-bottom-right-radius: 0.2em;
   border-bottom-left-radius: 0.2em;
 }
 
-.x-star-md-editor-inlineCode {
+.@{md-prefix}inlineCode {
   margin: 0 0.2em;
   padding: 0 0.2em;
   tab-size: 4;
@@ -87,19 +93,19 @@
   border-radius: 0.2em;
 }
 
-.x-star-md-editor-emphasis {
+.@{md-prefix}emphasis {
   font-style: italic;
 }
 
-.x-star-md-editor-strong {
+.@{md-prefix}strong {
   font-weight: bold;
 }
 
-.x-star-md-editor-delete > :not(.x-star-md-editor-delimiter) {
+.@{md-prefix}delete > :not(.@{md-prefix}delimiter) {
   text-decoration: line-through;
 }
 
-.x-star-md-editor-math {
+.@{md-prefix}math {
   padding: 0 0.2em;
   color: #f57712;
   background-color: #f5771210;
@@ -107,19 +113,19 @@
   border-left: 1px solid #f5771220;
 }
 
-.x-star-md-editor-math.x-star-md-editor-first {
+.@{md-prefix}math.@{md-prefix}first {
   border-top: 1px solid #f5771220;
   border-top-left-radius: 0.2em;
   border-top-right-radius: 0.2em;
 }
 
-.x-star-md-editor-math.x-star-md-editor-last {
+.@{md-prefix}math.@{md-prefix}last {
   border-bottom: 1px solid #f5771220;
   border-bottom-right-radius: 0.2em;
   border-bottom-left-radius: 0.2em;
 }
 
-.x-star-md-editor-inlineMath {
+.@{md-prefix}inlineMath {
   margin: 0 0.2em;
   padding: 0 0.2em;
   color: #f57712;

package/dist/styles/prism.less

@@ -0,0 +1,171 @@
+/**
+ * VS theme by Andrew Lock (https://andrewlock.net)
+ * Inspired by Visual Studio syntax coloring
+ */
+
+@import './global.less';
+
+.@{prefix}md-viewer.@{prefix}md-viewer {
+  code,
+  pre {
+    color: #393a34;
+    font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier,
+      monospace;
+    direction: ltr;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    font-size: 1em;
+    line-height: 1.2em;
+    tab-size: 4;
+    tab-size: 4;
+    tab-size: 4;
+    hyphens: none;
+    hyphens: none;
+    hyphens: none;
+    hyphens: none;
+  }
+
+  pre > code {
+    font-size: 1.1em;
+  }
+
+  /* Code blocks */
+  pre {
+    padding: 1em;
+    margin: 0.5em 0;
+    overflow: auto;
+    border: 1px solid #ddd;
+    background-color: white;
+  }
+
+  /* Inline code */
+  :not(pre) > code {
+    padding: 0.2em;
+    padding-top: 1px;
+    padding-bottom: 1px;
+    background: #f8f8f8;
+    border: 1px solid #ddd;
+  }
+
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #008000;
+    font-style: italic;
+  }
+
+  .token.namespace {
+    opacity: 0.7;
+  }
+
+  .token.string {
+    color: #a31515;
+  }
+
+  .token.punctuation,
+  .token.operator {
+    color: #393a34; /* no highlight */
+  }
+
+  .token.url,
+  .token.symbol,
+  .token.number,
+  .token.boolean,
+  .token.variable,
+  .token.constant,
+  .token.inserted {
+    color: #36acaa;
+  }
+
+  .token.atrule,
+  .token.keyword,
+  .token.attr-value,
+  .language-autohotkey .token.selector,
+  .language-json .token.boolean,
+  .language-json .token.number,
+  code[class*='language-css'] {
+    color: #00f;
+  }
+
+  .token.function {
+    color: #393a34;
+  }
+
+  .token.deleted,
+  .language-autohotkey .token.tag {
+    color: #9a050f;
+  }
+
+  .token.selector,
+  .language-autohotkey .token.keyword {
+    color: #00009f;
+  }
+
+  .token.important {
+    color: #e90;
+  }
+
+  .token.important,
+  .token.bold {
+    font-weight: bold;
+  }
+
+  .token.italic {
+    font-style: italic;
+  }
+
+  .token.class-name,
+  .language-json .token.property {
+    color: #2b91af;
+  }
+
+  .token.tag,
+  .token.selector {
+    color: #800000;
+  }
+
+  .token.attr-name,
+  .token.property,
+  .token.regex,
+  .token.entity {
+    color: #f00;
+  }
+
+  .token.directive.tag .tag {
+    background: #ff0;
+    color: #393a34;
+  }
+
+  .line-number::before {
+    content: attr(line);
+    width: 1.6em;
+    margin-right: 0.8em;
+    display: inline-block;
+    text-align: right;
+    color: #2b91af;
+  }
+
+  .code-line {
+    padding-left: 0.4em;
+    display: block;
+    border-left: 4px solid transparent;
+  }
+
+  .highlight-line {
+    background: rgba(193, 222, 241, 20%);
+    background: linear-gradient(
+      left,
+      rgba(193, 222, 241, 20%) 70%,
+      rgba(221, 222, 241, 0%)
+    );
+    background: linear-gradient(
+      to right,
+      rgba(193, 222, 241, 20%) 70%,
+      rgba(221, 222, 241, 0%)
+    );
+    border-left: 4px solid rgb(59, 130, 246);
+  }
+}

package/dist/utils/global.d.ts

@@ -0,0 +1 @@
+export declare const prefix = "x-star-";

package/dist/utils/global.js

@@ -0,0 +1 @@
+export var prefix = 'x-star-';

package/dist/utils/history.d.ts

@@ -54,6 +54,6 @@ export interface SelectAction {
 export declare const useHistory: (initialSourceCode: string) => {
     sourceCode: string;
     selection: ContainerSelection;
-    dispatch: import("react").Dispatch<ToggleAction | UndoAction | RedoAction | SelectAction | InsertAction | DeleteAction | SetAction>;
+    dispatch: import("react").Dispatch<InsertAction | DeleteAction | ToggleAction | SetAction | UndoAction | RedoAction | SelectAction>;
 };
 export {};

package/dist/utils/markdown.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import type { Components } from 'hast-util-to-jsx-runtime';
+import { defaultSchema } from 'rehype-sanitize';
+type Schema = typeof defaultSchema;
+export declare const getDefaultSchema: () => Schema;
 /**
  * 将 Markdown 文本解析为 Mdast 树并转换为 Hast 树的处理器
  */
@@ -16,6 +19,10 @@ export type MdastNode = ReturnType<(typeof processor)['parse']>['children'][numb
  */
 export declare const editorRender: (sourceCode: string) => HTMLDivElement;
 export interface ViewerOptions {
+    /**
+     * 自定义过滤模式
+     */
+    customSchema: Schema;
     /**
      * 自定义 HTML 元素
      */

package/dist/utils/markdown.js

@@ -1,4 +1,3 @@
-var _defaultSchema$tagNam, _defaultSchema$attrib, _defaultSchema$attrib2, _defaultSchema$attrib3, _defaultSchema$attrib4, _defaultSchema$attrib5, _defaultSchema$attrib6, _defaultSchema$attrib7, _defaultSchema$attrib8;
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -24,17 +23,20 @@ import remarkMath from 'remark-math';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';
 import { unified } from 'unified';
-var schema = _objectSpread(_objectSpread({}, defaultSchema), {}, {
-  tagNames: [].concat(_toConsumableArray((_defaultSchema$tagNam = defaultSchema.tagNames) !== null && _defaultSchema$tagNam !== void 0 ? _defaultSchema$tagNam : []), ['video', 'custom']),
-  attributes: _objectSpread(_objectSpread({}, defaultSchema.attributes), {}, {
-    pre: [].concat(_toConsumableArray((_defaultSchema$attrib = (_defaultSchema$attrib2 = defaultSchema.attributes) === null || _defaultSchema$attrib2 === void 0 ? void 0 : _defaultSchema$attrib2.pre) !== null && _defaultSchema$attrib !== void 0 ? _defaultSchema$attrib : []), ['className', 'style']),
-    code: [].concat(_toConsumableArray((_defaultSchema$attrib3 = (_defaultSchema$attrib4 = defaultSchema.attributes) === null || _defaultSchema$attrib4 === void 0 ? void 0 : _defaultSchema$attrib4.code) !== null && _defaultSchema$attrib3 !== void 0 ? _defaultSchema$attrib3 : []), ['className', 'style']),
-    div: [].concat(_toConsumableArray((_defaultSchema$attrib5 = (_defaultSchema$attrib6 = defaultSchema.attributes) === null || _defaultSchema$attrib6 === void 0 ? void 0 : _defaultSchema$attrib6.div) !== null && _defaultSchema$attrib5 !== void 0 ? _defaultSchema$attrib5 : []), ['className', 'style']),
-    span: [].concat(_toConsumableArray((_defaultSchema$attrib7 = (_defaultSchema$attrib8 = defaultSchema.attributes) === null || _defaultSchema$attrib8 === void 0 ? void 0 : _defaultSchema$attrib8.span) !== null && _defaultSchema$attrib7 !== void 0 ? _defaultSchema$attrib7 : []), ['className', 'style', 'line']),
-    video: ['src'],
-    custom: ['meta', 'value']
-  })
-});
+import { prefix } from "./global";
+export var getDefaultSchema = function getDefaultSchema() {
+  var _defaultSchema$tagNam, _defaultSchema$attrib, _defaultSchema$attrib2, _defaultSchema$attrib3, _defaultSchema$attrib4, _defaultSchema$attrib5, _defaultSchema$attrib6, _defaultSchema$attrib7, _defaultSchema$attrib8;
+  return _objectSpread(_objectSpread({}, defaultSchema), {}, {
+    tagNames: [].concat(_toConsumableArray((_defaultSchema$tagNam = defaultSchema.tagNames) !== null && _defaultSchema$tagNam !== void 0 ? _defaultSchema$tagNam : []), ['custom']),
+    attributes: _objectSpread(_objectSpread({}, defaultSchema.attributes), {}, {
+      pre: [].concat(_toConsumableArray((_defaultSchema$attrib = (_defaultSchema$attrib2 = defaultSchema.attributes) === null || _defaultSchema$attrib2 === void 0 ? void 0 : _defaultSchema$attrib2.pre) !== null && _defaultSchema$attrib !== void 0 ? _defaultSchema$attrib : []), ['className', 'style']),
+      code: [].concat(_toConsumableArray((_defaultSchema$attrib3 = (_defaultSchema$attrib4 = defaultSchema.attributes) === null || _defaultSchema$attrib4 === void 0 ? void 0 : _defaultSchema$attrib4.code) !== null && _defaultSchema$attrib3 !== void 0 ? _defaultSchema$attrib3 : []), ['className', 'style']),
+      div: [].concat(_toConsumableArray((_defaultSchema$attrib5 = (_defaultSchema$attrib6 = defaultSchema.attributes) === null || _defaultSchema$attrib6 === void 0 ? void 0 : _defaultSchema$attrib6.div) !== null && _defaultSchema$attrib5 !== void 0 ? _defaultSchema$attrib5 : []), ['className', 'style']),
+      span: [].concat(_toConsumableArray((_defaultSchema$attrib7 = (_defaultSchema$attrib8 = defaultSchema.attributes) === null || _defaultSchema$attrib8 === void 0 ? void 0 : _defaultSchema$attrib8.span) !== null && _defaultSchema$attrib7 !== void 0 ? _defaultSchema$attrib7 : []), ['className', 'style', 'line']),
+      custom: ['meta', 'value']
+    })
+  });
+};
 
 /**
  * 将 Markdown 文本解析为 Mdast 树并转换为 Hast 树的处理器
@@ -54,7 +56,7 @@ var processor = unified().use(remarkParse).use(remarkBreaks).use(remarkGfm).use(
   }
 }).use(rehypePrism, {
   ignoreMissing: true
-}).use(rehypeKatex).use(rehypeRaw).use(rehypeSanitize, schema).use(function () {
+}).use(rehypeKatex).use(rehypeRaw).use(function () {
   return function (root) {
     var _iterator = _createForOfIteratorHelper(root.children),
       _step;
@@ -88,7 +90,7 @@ export var editorRender = function editorRender(sourceCode) {
   /**
    * CSS 类名前缀
    */
-  var classNamePrefix = 'x-star-md-editor-';
+  var classNamePrefix = "".concat(prefix, "md-editor-");
 
   /**
    * 扫描偏移量，表示已经添加到 DOM 树的文本
@@ -302,7 +304,7 @@ export var editorRender = function editorRender(sourceCode) {
  * @returns React 虚拟 DOM 树
  */
 export var viewerRender = function viewerRender(sourceCode, options) {
-  return toJsxRuntime(processor.runSync(processor.parse(sourceCode)), {
+  return toJsxRuntime(processor().use(rehypeSanitize, options.customSchema).runSync(processor.parse(sourceCode)), {
     Fragment: Fragment,
     jsx: jsx,
     jsxs: jsxs,

package/package.json

@@ -1,29 +1,26 @@
 {
   "name": "x-star-editor",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "An editor developed by turingstar",
+  "license": "MIT",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "start": "npm run dev",
-    "dev": "dumi dev",
     "build": "father build",
     "build:watch": "father dev",
+    "dev": "dumi dev",
     "docs:build": "dumi build",
-    "prepare": "husky install && dumi setup",
     "doctor": "father doctor",
     "lint": "npm run lint:es && npm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepublishOnly": "father doctor && npm run build"
+    "prepare": "husky install && dumi setup",
+    "prepublishOnly": "father doctor && npm run build",
+    "start": "npm run dev"
   },
-  "authors": [
-    "XYD Tech Team tech@xinyoudui.com"
-  ],
-  "license": "MIT",
-  "files": [
-    "dist"
-  ],
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -46,14 +43,22 @@
       "prettier --parser=typescript --write"
     ]
   },
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+  "dependencies": {
+    "classnames": "^2.3.2",
+    "hast-util-to-jsx-runtime": "^1.2.0",
+    "rehype-katex": "^6.0.3",
+    "rehype-prism-plus": "^1.6.1",
+    "rehype-raw": "^6.1.1",
+    "rehype-sanitize": "^5.0.1",
+    "remark-breaks": "^3.0.3",
+    "remark-gfm": "^3.0.1",
+    "remark-math": "^5.1.1",
+    "remark-parse": "^10.0.2",
+    "remark-rehype": "^10.1.0",
+    "unified": "^10.1.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.22.10",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@types/react": "^18.0.0",
@@ -64,25 +69,25 @@
     "father": "^4.1.0",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
+    "postcss": "^8.4.28",
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^3.0.0",
     "prettier-plugin-packagejson": "^2.2.18",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "stylelint": "^14.9.1"
+    "styled-components": "^6.0.7",
+    "stylelint": "^14.9.1",
+    "typescript": "^5.1.6",
+    "webpack": "^5.88.2"
   },
-  "dependencies": {
-    "classnames": "^2.3.2",
-    "hast-util-to-jsx-runtime": "^1.2.0",
-    "rehype-katex": "^6.0.3",
-    "rehype-prism-plus": "^1.6.1",
-    "rehype-raw": "^6.1.1",
-    "rehype-sanitize": "^5.0.1",
-    "remark-breaks": "^3.0.3",
-    "remark-gfm": "^3.0.1",
-    "remark-math": "^5.1.1",
-    "remark-parse": "^10.0.2",
-    "remark-rehype": "^10.1.0",
-    "unified": "^10.1.2"
-  }
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "XYD Tech Team tech@xinyoudui.com"
+  ]
 }

package/dist/XStarEditor/index.module.css

@@ -1,19 +0,0 @@
-.container {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.container .toolbar {
-  width: 100%;
-}
-
-.container .editor {
-  flex: 1;
-  border-bottom-right-radius: 0;
-}
-
-.container .viewer {
-  flex: 1;
-  border-radius: 0;
-  border-bottom-right-radius: 0.2em;
-}