@gct-paas/core-web 0.1.5-test.2 → 0.1.6-dev.1

package/es/components/label-design/components/mr-vue/MrEl.vue_vue_type_style_index_0_scoped_abef86c9_lang.css

@@ -0,0 +1,409 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.mr-el[data-v-abef86c9] {
+  position: absolute;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+}
+.mr-el .mr-mask[data-v-abef86c9] {
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  width: calc(100% + 2px);
+  height: calc(100% + 2px);
+}
+.mr-el .mr-mask[data-v-abef86c9]:hover {
+  border: 1px dashed var(--ant-primary-color);
+  background: rgba(var(--ant-primary-color), 0.16);
+  background-color: color-mix(in srgb, var(--ant-primary-color) 16%, transparent);
+}
+.mr-el .mr-mask.mr-hover[data-v-abef86c9] {
+  border: 1px dashed var(--ant-primary-color);
+  background: rgba(var(--ant-primary-color), 0.16);
+  background-color: color-mix(in srgb, var(--ant-primary-color) 16%, transparent);
+}
+.mr-el .mr-mask.mr-active[data-v-abef86c9]:hover {
+  border-color: transparent;
+  background: transparent;
+}
+.mr-el[data-v-abef86c9] .icon-next {
+  height: 100%;
+}
+.mr-el[data-v-abef86c9] .icon-next svg {
+  width: 100%;
+  height: 100%;
+}
+.mr-el .moveIcon[data-v-abef86c9] {
+  position: absolute;
+  color: #409eff;
+  text-align: center;
+}
+.posTop[data-v-abef86c9] {
+  top: -20px;
+  left: 6px;
+}
+.posBottom[data-v-abef86c9] {
+  bottom: -20px;
+  left: 6px;
+}
+.posRotTop[data-v-abef86c9] {
+  bottom: 6px;
+  left: -20px;
+}
+.posRotBottom[data-v-abef86c9] {
+  right: -20px;
+  bottom: 6px;
+}
+.mr-el[data-v-abef86c9]:hover {
+  cursor: move;
+}
+.mr-el.internal[data-v-abef86c9]:hover {
+  cursor: initial;
+}
+.mr-el[data-v-abef86c9] > * {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+.selection-box[data-v-abef86c9] {
+  border: 2px solid var(--ant-primary-color);
+}
+.selection-box--internal[data-v-abef86c9] {
+  border: 2px solid #999;
+}
+.tag-mark[data-v-abef86c9] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+  text-align: center;
+}
+.tag-val-wrap[data-v-abef86c9] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+.tab-list[data-v-abef86c9] {
+  left: -80px;
+  width: auto;
+  height: auto;
+  list-style-type: none;
+  border: 1px solid rgb(202, 202, 202);
+  border-right: none;
+}
+.tab-item[data-v-abef86c9] {
+  display: block;
+  width: 80px;
+  height: 25px;
+  color: #666;
+  font-size: 12px;
+  line-height: 25px;
+  text-align: center;
+  cursor: pointer;
+}
+.tab-item[data-v-abef86c9]:not(:first-child) {
+  border-top: 1px solid rgb(202, 202, 202);
+}
+.tab-item[data-v-abef86c9]:hover {
+  background-color: #2473ce;
+  color: #fff;
+}
+.tab-item.selected[data-v-abef86c9] {
+  color: #2473ce;
+}
+.handle[data-v-abef86c9] {
+  position: absolute;
+  z-index: 6;
+  box-sizing: border-box;
+  width: 8px;
+  height: 8px;
+  font-size: 1px;
+}
+.tl[data-v-abef86c9] {
+  top: -3px;
+  left: -3px;
+  background: var(--ant-primary-color);
+  cursor: nwse-resize;
+}
+.mt[data-v-abef86c9] {
+  top: 0;
+  width: 100%;
+  border-width: 2px;
+  border-style: solid none none;
+  border-radius: 0;
+  border-color: var(--ant-primary-color);
+  cursor: ns-resize;
+}
+.tr[data-v-abef86c9] {
+  top: -3px;
+  right: -3px;
+  background: var(--ant-primary-color);
+  cursor: nesw-resize;
+}
+.mr[data-v-abef86c9] {
+  top: 0;
+  right: 0;
+  height: 100%;
+  border-width: 2px;
+  border-style: none solid none none;
+  border-radius: 0;
+  border-color: var(--ant-primary-color);
+  cursor: ew-resize;
+}
+.br[data-v-abef86c9] {
+  right: -3px;
+  bottom: -3px;
+  background: var(--ant-primary-color);
+  cursor: nwse-resize;
+}
+.mb[data-v-abef86c9] {
+  bottom: 0;
+  width: 100%;
+  border-width: 2px;
+  border-style: none none solid;
+  border-radius: 0;
+  border-color: var(--ant-primary-color);
+  cursor: ns-resize;
+}
+.bl[data-v-abef86c9] {
+  bottom: -3px;
+  left: -3px;
+  background: var(--ant-primary-color);
+  cursor: nesw-resize;
+}
+.ml[data-v-abef86c9] {
+  top: 0;
+  left: 0;
+  height: 100%;
+  border-width: 2px;
+  border-style: none none none solid;
+  border-radius: 0;
+  border-color: var(--ant-primary-color);
+  cursor: ew-resize;
+}
+.tc[data-v-abef86c9] {
+  top: -3px;
+  left: 50%;
+  transform: translate(-50%);
+  background: var(--ant-primary-color);
+  cursor: ns-resize;
+}
+.bc[data-v-abef86c9] {
+  bottom: -3px;
+  left: 50%;
+  transform: translate(-50%);
+  background: var(--ant-primary-color);
+  cursor: ns-resize;
+}
+.lc[data-v-abef86c9] {
+  top: 50%;
+  left: -3px;
+  transform: translate(0, -50%);
+  background: var(--ant-primary-color);
+  cursor: ew-resize;
+}
+.rc[data-v-abef86c9] {
+  top: 50%;
+  right: -3px;
+  transform: translate(0, -50%);
+  background: var(--ant-primary-color);
+  cursor: ew-resize;
+}
+.unhandle[data-v-abef86c9] {
+  position: absolute;
+  z-index: 6;
+  box-sizing: border-box;
+  width: 8px;
+  height: 8px;
+  border-width: 2px;
+  border-radius: 0;
+  border-color: var(--ant-primary-color);
+  font-size: 1px;
+}
+.unhandle.un-mt[data-v-abef86c9] {
+  top: 0;
+  width: 100%;
+  border-style: solid none none;
+}
+.unhandle.un-mb[data-v-abef86c9] {
+  bottom: 0;
+  width: 100%;
+  border-style: none none solid;
+}
+.unhandle.un-ml[data-v-abef86c9] {
+  top: 0;
+  left: 0;
+  height: 100%;
+  border-style: none none none solid;
+}
+.unhandle.un-mr[data-v-abef86c9] {
+  top: 0;
+  right: 0;
+  height: 100%;
+  border-style: none solid none none;
+}
+.rotDiv .tl[data-v-abef86c9] {
+  cursor: nesw-resize;
+}
+.rotDiv .br[data-v-abef86c9] {
+  cursor: nesw-resize;
+}
+.rotDiv .tr[data-v-abef86c9] {
+  cursor: nwse-resize;
+}
+.rotDiv .bl[data-v-abef86c9] {
+  cursor: nwse-resize;
+}
+.rotDiv .mt[data-v-abef86c9] {
+  cursor: ew-resize;
+}
+.rotDiv .mb[data-v-abef86c9] {
+  cursor: ew-resize;
+}
+.rotDiv .mr[data-v-abef86c9] {
+  cursor: ns-resize;
+}
+.rotDiv .ml[data-v-abef86c9] {
+  cursor: ns-resize;
+}
+.page-wrap-desc[data-v-abef86c9] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* background-color: #dcdcdc; */
+}
+.page-wrap-desc > div[data-v-abef86c9] {
+  width: 80%;
+  color: #666;
+  text-align: center;
+  /* background-color: #dcdcdc; */
+}
+.event-handle[data-v-abef86c9] {
+  display: flex;
+  top: 50%;
+  left: -30px;
+  align-items: center;
+  width: 30px;
+  height: 10px;
+  margin-top: -5px;
+}
+.event-handle .icon-event2[data-v-abef86c9] {
+  color: #999;
+  font-size: 24px;
+  cursor: grab;
+}
+.event-handle .handle-body[data-v-abef86c9] {
+  width: 20px;
+  height: 2px;
+  background-color: #999;
+}
+.tag-handle[data-v-abef86c9] {
+  display: flex;
+  top: 50%;
+  right: -30px;
+  align-items: center;
+  width: 30px;
+  height: 10px;
+  margin-top: -5px;
+}
+.tag-handle i[data-v-abef86c9] {
+  display: block;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background-color: #ff5f5f;
+  color: #fff;
+  font-size: 13px;
+  line-height: 22px;
+  text-align: center;
+}
+.tag-handle .handle-body[data-v-abef86c9] {
+  width: 6px;
+  height: 2px;
+  background-color: #999;
+}
+.rotate-handle[data-v-abef86c9] {
+  top: -36px;
+  left: 50%;
+  width: 24px;
+  height: 24px;
+  margin-left: -12px;
+  color: var(--ant-primary-color);
+  cursor: grab;
+}
+.rotate-handle .icon-rotate[data-v-abef86c9] {
+  font-size: 24px;
+}
+.modal-handle[data-v-abef86c9] {
+  position: static;
+  z-index: 5;
+  height: 1px;
+}

package/es/components/label-design/components/rich-editor/formatBrush.d.ts

@@ -0,0 +1,8 @@
+import { IButtonMenu, IDomEditor } from '@wangeditor/editor';
+export declare function withSelect(editor: IDomEditor): IDomEditor;
+declare const FormatPaintMenuConf: {
+    key: string;
+    factory(): IButtonMenu;
+};
+export declare const registerFormatPaint: () => void;
+export default FormatPaintMenuConf;

package/es/components/label-design/components/rich-editor/formatBrush.mjs

@@ -0,0 +1,87 @@
+import { Boot, createEditor } from "@wangeditor/editor";
+//#region src/components/label-design/components/rich-editor/formatBrush.ts
+var isFormatPaintRegistered = false;
+var FormatPaint = class FormatPaint {
+	title;
+	iconSvg;
+	tag;
+	attrs;
+	static _sharedAttrs = {
+		isSelect: false,
+		formatJson: {},
+		formatedHtml: ""
+	};
+	constructor() {
+		this.title = "格式刷 双击可复用";
+		this.iconSvg = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.4119 14.3879L14.4655 8.9308H14.7852C15.0423 8.9308 15.2494 8.72366 15.2494 8.46652V5.03795C15.2494 4.7808 15.0423 4.57366 14.7852 4.57366H10.3923V1.32366C10.3923 1.06652 10.1852 0.859375 9.92801 0.859375H7.07087C6.81373 0.859375 6.60659 1.06652 6.60659 1.32366V4.57366H2.21373C1.95659 4.57366 1.74944 4.7808 1.74944 5.03795V8.46652C1.74944 8.72366 1.95659 8.9308 2.21373 8.9308H2.53337L1.58694 14.3879C1.57534 14.4546 1.57847 14.5229 1.59611 14.5882C1.61374 14.6535 1.64545 14.7142 1.68902 14.7659C1.73258 14.8176 1.78694 14.8592 1.84828 14.8877C1.90962 14.9162 1.97645 14.9309 2.04409 14.9308H14.9548C14.9816 14.9308 15.0084 14.929 15.0334 14.9237C15.0935 14.9136 15.151 14.8916 15.2027 14.8592C15.2543 14.8268 15.299 14.7844 15.3342 14.7346C15.3694 14.6848 15.3944 14.6286 15.4077 14.5691C15.4211 14.5096 15.4225 14.448 15.4119 14.3879ZM2.99944 5.82366H7.85659V2.10938H9.1423V5.82366H13.9994V7.6808H2.99944V5.82366ZM10.6938 13.6808H6.78516V10.8951C6.78516 10.8165 6.72087 10.7522 6.6423 10.7522H5.78516C5.70659 10.7522 5.6423 10.8165 5.6423 10.8951V13.6808H2.97801L3.78337 9.03795H13.2137L14.0191 13.6808H10.6938Z" fill="#797A7D"/>
+    </svg>
+    `;
+		this.tag = "button";
+		this.attrs = FormatPaint._sharedAttrs;
+	}
+	getValue(_editor) {
+		return "";
+	}
+	isActive(_editor) {
+		return this.attrs.isSelect;
+	}
+	isDisabled(_editor) {
+		return false;
+	}
+	exec(editor, _value) {
+		if (this.isDisabled(editor)) return;
+		const select = (editor.getFragment()?.[0])?.children?.[0];
+		const selectedText = String(select?.text ?? "");
+		if (!this.attrs.isSelect && selectedText.length) {
+			this.attrs.formatJson = { ...select };
+			this.attrs.isSelect = true;
+		} else {
+			editor.getSelectionText();
+			this.attrs.isSelect = false;
+		}
+		editor.blur();
+		editor.focus();
+	}
+	setFormatHtml(editor) {
+		if (!this.attrs.formatedHtml.length) return;
+		editor.dangerouslyInsertHtml(this.attrs.formatedHtml);
+		this.attrs.formatedHtml = "";
+		this.attrs.isSelect = false;
+	}
+};
+function withSelect(editor) {
+	const myFormatPaint = new FormatPaint();
+	const baseEditor = editor;
+	const { onChange } = baseEditor;
+	const newEditor = baseEditor;
+	newEditor.onChange = (..._args) => {
+		onChange();
+		if (myFormatPaint.attrs.isSelect) {
+			myFormatPaint.attrs.formatJson.text = newEditor.getSelectionText();
+			const _editor = createEditor({ content: [myFormatPaint.attrs.formatJson] });
+			myFormatPaint.attrs.formatedHtml = _editor.getHtml();
+			if (!document.onmouseup) document.onmouseup = () => {
+				if (!myFormatPaint.attrs.formatedHtml.length) return;
+				myFormatPaint.setFormatHtml(newEditor);
+				document.onmouseup = null;
+			};
+		}
+	};
+	return newEditor;
+}
+var FormatPaintMenuConf = {
+	key: "FormatPaintMenuConf",
+	factory() {
+		return new FormatPaint();
+	}
+};
+var registerFormatPaint = () => {
+	if (!isFormatPaintRegistered) {
+		Boot.registerMenu(FormatPaintMenuConf);
+		Boot.registerPlugin(withSelect);
+		isFormatPaintRegistered = true;
+	}
+};
+//#endregion
+export { registerFormatPaint };

package/es/components/label-design/components/rich-editor/index.d.ts

@@ -0,0 +1,3 @@
+import { default as RichEditor } from './index.vue';
+export { RichEditor };
+export default RichEditor;

package/es/components/label-design/components/rich-editor/index.mjs

@@ -0,0 +1 @@
+import "./index.vue.mjs";

package/es/components/label-design/components/rich-editor/index.vue.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    content: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {
+    getText: () => any;
+    getContent: () => any;
+    setHtml: (node: string) => any;
+    dangerouslyInsertHtml: (node: string) => any;
+    restoreSelection: () => any;
+    isFocused: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    created: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onCreated?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/components/rich-editor/index.vue.mjs

@@ -0,0 +1,6 @@
+import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.mjs";
+import './index.vue_vue_type_style_index_0_lang.css';/* empty css                                           */
+//#region src/components/label-design/components/rich-editor/index.vue
+var rich_editor_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { rich_editor_default as default };