ddei-editor/dist/ddei-editor.umd.cjs

ddei在线设计器，提供在线图形设计工具及扩展API，支持用户自己创建页面、每个页面中可以创建多个页签、在页签中通过拖拉拽的方式绘制UML、数据库设计图、软件架构图等多种类型的设计图形。支持等圆形、矩形、三角形、平行四边形等多边形绘图；支持流程图、思维导图、组织架构图的在线绘制；支持多文件、多页签编辑；支持复制、粘贴、复制样式、修改字体大小、颜色等特性；提供扩展API，能够允许外部程序调用扩展能力

var __defProp3 = Object.defineProperty;
var __defNormalProp3 = (obj, key, value) => key in obj ? __defProp3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField3 = (obj, key, value) => {
  __defNormalProp3(obj, typeof key !== "symbol" ? key + "" : key, value);
  return value;
};
(function(global2, factory) {
  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["ddei-editor"] = {}, global2.Vue));
})(this, function(exports, vue) {
  var _a2;
  "use strict";
  var __vite_style__ = document.createElement("style");
  __vite_style__.textContent = `/**以下为菜单的样式 */
.ddei-editor-menu-dialog[data-v-1cde0d47] {
  width: 200px;
  background-color: var(--panel-background);
  font-size: 13px;
  color: var(--panel-title);
  display: none;
  position: absolute;
  font-weight: bolder;
  z-index: 999;
  border-radius: 4px;
  border: 0.3px solid var(--panel-border);
  box-shadow: -3px 3px 3px hsla(0, 0%, 0%, 0.25);
}
.ddei-editor-menu-dialog-item[data-v-1cde0d47] {
  height: 34px;
  width: 100%;
  display: flex;
}
.ddei-editor-menu-dialog-item[data-v-1cde0d47]:hover {
  background-color: var(--panel-hover);
  cursor: pointer;
}
.ddei-editor-menu-dialog-item-icon[data-v-1cde0d47] {
  flex: 0 0 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-editor-menu-dialog-item-icon .icon[data-v-1cde0d47] {
  width: 22px;
  height: 22px;
  margin: 0px 3px 0px 3px;
}
.ddei-editor-menu-dialog-item-content[data-v-1cde0d47] {
  flex: 1;
  display: flex;
  justify-content: start;
  align-items: center;
}
.ddei-editor-menu-dialog-item-desc[data-v-1cde0d47] {
  flex: 0 0 34px;
}
.ddei-editor-menu-dialog-item-hr[data-v-1cde0d47] {
  border: 0.5px solid var(--panel-border);
  width: 93%;
  margin: 1px auto;
}
.ddei-core-panel-topmenu[data-v-fefbc1f9] {
  background: var(--topmenu-background);
}
.ddei-core-panel-topmenu-quickbox[data-v-fefbc1f9] {
  background-color: var(--topmenu-header);
  width: 100%;
  height: 103px;
  display: flex;
}
.icon[data-v-ea668126] {
  color: var(--icon);
}
.ddei-core-panel-toolbox[data-v-ea668126] {
  user-select: none;
  text-align: center;
  display: flex;
  flex-flow: column;
  height: 100%;
  /**以下为收折框 */
}
.ddei-core-panel-toolbox-header[data-v-ea668126] {
  background: var(--toolbox-header);
  border-bottom: 1px solid var(--toolbox-header);
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 8px;
}
.ddei-core-panel-toolbox-header-morecontrol[data-v-ea668126] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 100px;
}
.ddei-core-panel-toolbox-header-morecontrol .header-3[data-v-ea668126] {
  flex: 0 1 8px;
}
.ddei-core-panel-toolbox-header-morecontrol .header-4[data-v-ea668126] {
  font-size: 16px;
  flex: 0 1 70px;
  font-weight: bold;
  color: var(--toolbox-title);
}
.ddei-core-panel-toolbox-header-morecontrol[data-v-ea668126]:hover {
  background-color: var(--toolbox-hover);
  cursor: pointer;
}
.ddei-core-panel-toolbox-header .header-1[data-v-ea668126] {
  flex: 0 1 17px;
}
.ddei-core-panel-toolbox-header .header-2[data-v-ea668126] {
  font-size: 14px;
}
.ddei-core-panel-toolbox-header .header-7[data-v-ea668126] {
  font-size: 18px;
}
.ddei-core-panel-toolbox-header .header-7[data-v-ea668126]:hover {
  background-color: var(--toolbox-hover);
  cursor: pointer;
}
.ddei-core-panel-toolbox-header .icon1[data-v-ea668126] {
  font-size: 23px;
}
.ddei-core-panel-toolbox-header .icon2[data-v-ea668126] {
  font-size: 16px;
}
.ddei-core-panel-toolbox-searchbox[data-v-ea668126] {
  flex: 0 0 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--toolbox-background);
}
.ddei-core-panel-toolbox-searchbox-group[data-v-ea668126] {
  flex: 1;
  margin: 0 25px;
  height: 32px;
  background: var(--toolbox-header);
  border: 1px solid var(--toolbox-header);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-toolbox-searchbox-group .icon[data-v-ea668126] {
  font-size: 24px;
  margin: 0 6px;
}
.ddei-core-panel-toolbox-searchbox-group .input[data-v-ea668126] {
  flex: 1 1 140px;
  height: 28px;
  width: 100%;
  border: transparent;
  outline: none;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  color: var(--toolbox-title);
}
.ddei-core-panel-toolbox-searchbox-group .input[data-v-ea668126]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--placeholder);
}
.ddei-core-panel-toolbox-searchbox-group .input[data-v-ea668126]::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: var(--placeholder);
}
.ddei-core-panel-toolbox-searchbox-group .input[data-v-ea668126]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--placeholder);
}
.ddei-core-panel-toolbox-searchbox-group .input[data-v-ea668126]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--placeholder);
}
.ddei-core-panel-toolbox-searchbox-group .input[data-v-ea668126]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--placeholder);
}
.ddei-core-panel-toolbox-searchbox-group .input[data-v-ea668126]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--placeholder);
}
.ddei-core-panel-toolbox-groups[data-v-ea668126] {
  text-align: center;
  background: var(--toolbox-background, --panel-background);
  overflow-y: auto;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
}
.ddei-core-panel-toolbox-groups-group[data-v-ea668126] {
  text-align: center;
  margin-bottom: 1px;
}
.ddei-core-panel-toolbox-groups-group-box[data-v-ea668126] {
  display: flex;
  height: 35px;
  background: var(--toolbox-header);
  user-select: none;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-toolbox-groups-group-box[data-v-ea668126]:hover {
  background-color: var(--toolbox-header);
}
.ddei-core-panel-toolbox-groups-group-box[data-v-ea668126]:active {
  background-color: var(--toolbox-header);
}
.ddei-core-panel-toolbox-groups-group-box .title[data-v-ea668126] {
  flex: 1;
  color: var(--toolbox-title);
  text-align: left;
  margin-left: 25px;
  font-size: 16px;
  font-weight: bold;
}
.ddei-core-panel-toolbox-groups-group-box .close[data-v-ea668126] {
  margin-right: 10px;
  font-size: 18px;
}
.ddei-core-panel-toolbox-groups-group-box .close[data-v-ea668126]:hover {
  color: var(--toolbox-title) hover;
  cursor: pointer;
}
.ddei-core-panel-toolbox-groups-group-itempanel[data-v-ea668126] {
  display: flex;
  flex-flow: row wrap;
  background: var(--toolbox-background);
  padding: 15px 15px 15px 15px;
}
.ddei-core-panel-toolbox-groups-group-itempanel-item[data-v-ea668126] {
  flex: 0 0 62px !important;
  height: 60px;
  margin: 15px 0px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.ddei-core-panel-toolbox-groups-group-itempanel-item[data-v-ea668126]:hover {
  background: var(--toolbox-control-hover);
  outline: var(--toolbox-control-hover-outline);
  cursor: all-scroll;
}
.ddei-core-panel-toolbox-groups-group-itempanel-item .text[data-v-ea668126] {
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: var(--toolbox-control-title);
}
.ddei-core-panel-toolbox-groups-group-itempanel-item .icon[data-v-ea668126] {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
.ddei-core-panel-toolbox-groups-group--expanded[data-v-ea668126] {
  background-color: var(--toolbox-header);
}
.ddei-editor-qcview[data-v-f305cac8] {
  height: 16px;
  background: var(--panel-header);
  border: 0.5pt solid var(--panel-border);
  display: flex;
  position: relative;
}
.ddei-editor-qcview-type[data-v-f305cac8] {
  flex: 0 0 30px;
  height: 14px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-editor-qcview-type[data-v-f305cac8]:hover {
  background: var(--panel-hover);
  cursor: pointer;
}
.ddei-editor-qcview-type img[data-v-f305cac8] {
  display: block;
  float: left;
}
.ddei-editor-qcview-color[data-v-f305cac8] {
  flex: 1 1 15px;
  height: 13px;
  margin-left: 2px;
  margin-top: 1px;
}
.ddei-editor-qcview-color[data-v-f305cac8]:hover {
  outline: 0.5px solid var(--dot);
  box-sizing: border-box;
  outline-offset: 0.5px;
}
.ddei-editor-qcview-color--disabled[data-v-f305cac8] {
  background-color: var(--panel-disabled) !important;
}
.propertyview[data-v-156d5ed6] {
  flex-direction: column;
  background: var(--panel-background);
  display: flex;
  user-select: none;
  height: 100%;
}
.propertyview-header[data-v-156d5ed6] {
  background: var(--panel-header);
  border-bottom: 1px solid #D5D5DF;
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.propertyview-header .header-7[data-v-156d5ed6] {
  font-size: 18px;
  margin-left: 8px;
  margin-right: 4px;
}
.propertyview-header .header-7-expand[data-v-156d5ed6] {
  font-size: 18px;
  margin-left: 4px;
  margin-right: 4px;
}
.propertyview-header .ding[data-v-156d5ed6] {
  font-size: 20px;
  margin-right: 4px;
}
.propertyview .content[data-v-156d5ed6] {
  flex: 1;
  display: flex;
}
.propertyview-subgroup[data-v-156d5ed6] {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.propertyview-subgroup-tabtitle[data-v-156d5ed6] {
  flex: 0 0 46px;
  display: flex;
  border-bottom: 1pt solid #ebebef;
  color: grey;
}
.propertyview-subgroup-tabtitle-item[data-v-156d5ed6] {
  flex: 1;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--panel-title);
  display: flex;
  justify-content: center;
  align-items: center;
}
.propertyview-subgroup-tabtitle-item--selected[data-v-156d5ed6] {
  flex: 1;
  text-align: center;
  font-size: 16px;
  background-color: var(--background);
  font-weight: 400;
  color: var(--dot);
  border-bottom: 4px solid var(--dot);
  display: flex;
  justify-content: center;
  align-items: center;
}
.propertyview-subgroup-tabtitle-item[data-v-156d5ed6]:hover {
  color: var(--dot);
  cursor: pointer;
}
.propertyview-subgroup-tabpanel[data-v-156d5ed6] {
  text-align: center;
  background: var(--panel-background);
  overflow-y: auto;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  color: var(--panel-title);
  font-size: 15px;
  height: 100px;
}
.propertyview-subgroup-tabpanel span[data-v-156d5ed6] {
  color: red;
}
.propertyview-subgroup-tabpanel-editors-column[data-v-156d5ed6] {
  display: flex;
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 10px;
}
.propertyview-subgroup-tabpanel-editors-column .title[data-v-156d5ed6] {
  background: var(--panel-background);
  color: var(--panel-title);
  text-align: left;
  padding-left: 10px;
  margin: auto 0;
  margin-bottom: 5px;
  font-size: 15px;
}
.propertyview-subgroup-tabpanel-editors-column .editor[data-v-156d5ed6] {
  text-align: left;
  padding-left: 10px;
}
.propertyview-subgroup-tabpanel-editors-row[data-v-156d5ed6] {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.propertyview-subgroup-tabpanel-editors-row .title[data-v-156d5ed6] {
  text-align: left;
  padding-left: 10px;
  flex: 0 0 100px;
  white-space: nowrap;
  /*文字不换行*/
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /*溢出部分用省略号表示*/
  margin: auto 0;
  font-size: 15px;
}
.propertyview-subgroup-tabpanel-editors-row .editor[data-v-156d5ed6] {
  text-align: center;
  flex: 1;
}
.propertyview .empty-value[data-v-156d5ed6] {
  filter: opacity(50%);
}
.propertyview-groupview[data-v-156d5ed6] {
  flex: 0 0 28px;
  display: flex;
  flex-flow: column;
  border-left: 1px solid #E0E3E9;
}
.propertyview-groupview-items[data-v-156d5ed6] {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.propertyview-groupview-items-item[data-v-156d5ed6] {
  flex: 0 0 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.propertyview-groupview-items-item--selected[data-v-156d5ed6] {
  flex: 0 0 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.propertyview-groupview-items-item--selected > svg[data-v-156d5ed6] {
  color: #1F72FF;
}
.propertyview--disabled[data-v-156d5ed6] {
  pointer-events: none !important;
  user-select: none !important;
  filter: opacity(70%);
}
.propertyview--disabled .propertyview-subgroup-tabpanel[data-v-156d5ed6] {
  pointer-events: none !important;
  user-select: none !important;
  filter: opacity(70%) !important;
}
.icon[data-v-cf0859cc] {
  color: var(--icon);
}
.ddei-core-panel-openfilesview[data-v-cf0859cc] {
  flex: 0 0 30.5px;
  background: var(--panel-background);
  border-top: 1px solid var(--panel-border);
  border-bottom: 1px solid var(--panel-border);
  display: flex;
  user-select: none;
  align-items: center;
}
.ddei-core-panel-openfilesview-expandbox[data-v-cf0859cc] {
  flex: 0 0 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.ddei-core-panel-openfilesview-expandbox[data-v-cf0859cc]:hover {
  background: var(--panel-hover);
  cursor: pointer;
}
.ddei-core-panel-openfilesview-expandbox .icon[data-v-cf0859cc] {
  font-size: 18px;
}
.ddei-core-panel-openfilesview .addfile[data-v-cf0859cc] {
  margin: 0px 10px;
  font-size: 24px;
}
.ddei-core-panel-openfilesview-movebox[data-v-cf0859cc] {
  flex: 0 0 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-openfilesview-movebox[data-v-cf0859cc]:hover {
  background: var(--panel-hover);
  cursor: pointer;
}
.ddei-core-panel-openfilesview-movebox img[data-v-cf0859cc] {
  filter: brightness(60%);
  margin-top: 4px;
}
.ddei-core-panel-openfilesview-item[data-v-cf0859cc] {
  height: 100%;
  flex: 0 0 195px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--panel-background);
  border-right: 1px solid var(--panel-hover);
}
.ddei-core-panel-openfilesview-item .icon[data-v-cf0859cc] {
  font-size: 16px;
  flex: 0 0 42px;
  text-align: center;
}
.ddei-core-panel-openfilesview-item .close[data-v-cf0859cc] {
  font-size: 18px;
  flex: 0 0 24px;
  margin-left: -5px;
}
.ddei-core-panel-openfilesview-item .textcontent[data-v-cf0859cc] {
  font-size: 15px;
  flex: 0 0 130px;
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-openfilesview-item .textcontent .text[data-v-cf0859cc] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--panel-title);
  flex: 1;
  font-size: 16px;
  font-weight: 400;
}
.ddei-core-panel-openfilesview-item span .dirty[data-v-cf0859cc] {
  color: red;
  width: 10px;
  flex: 0 0 10px;
  font-size: 18px;
  text-align: right;
}
.ddei-core-panel-openfilesview-item[data-v-cf0859cc]:hover {
  background: var(--panel-hover);
}
.ddei-core-panel-openfilesview-item--selected[data-v-cf0859cc] {
  background: var(--panel-selected);
}
.ddei-core-panel-openfilesview-item--selected .textcontent .text[data-v-cf0859cc] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  color: var(--panel-title);
}
.ddei-editor-canvasview {
  flex: 1;
  overflow: hidden;
  position: relative;
  background-color: var(--panel-header);
}
.ddei-editor-canvasview-contentlayer {
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 50;
  position: absolute;
  pointer-events: none;
}
.ddei-core-panel-bottommenu[data-v-5ec138cc] {
  height: 30px;
  display: flex;
  color: var(--text);
  background: var(--background);
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.ddei-core-panel-eimport[data-v-9c97ea48] {
  height: 103px;
  width: 260px;
  flex: 0 1 260px;
  display: grid;
  grid-template-rows: 20px 57px 26px;
  grid-template-columns: 1fr;
  text-align: center;
}
.ddei-core-panel-eimport .content[data-v-9c97ea48] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 4px;
}
.ddei-core-panel-eimport .content .part[data-v-9c97ea48] {
  flex: 1;
  padding: 0px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-eimport .content .part .button-v[data-v-9c97ea48] {
  flex: 1;
  height: 50px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ddei-core-panel-eimport .content .part .button-v[data-v-9c97ea48]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-core-panel-eimport .content .part .button-v-selected[data-v-9c97ea48] {
  flex: 1;
  height: 50px;
  background-color: var(--panel-selected);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ddei-core-panel-eimport .content .part .button-v-selected .text[data-v-9c97ea48] {
  color: var(--panel-title-selected);
}
.ddei-core-panel-eimport .content .part .button-v-disabled[data-v-9c97ea48] {
  flex: 1;
  height: 50px;
  cursor: not-allowed;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--panel-disabled);
}
.ddei-core-panel-eimport .content .part .button-v-disabled > span[data-v-9c97ea48] {
  color: var(--panel-title-disabled);
}
.ddei-core-panel-eimport .content .part .button-v-disabled .text[data-v-9c97ea48] {
  color: var(--panel-title-disabled);
}
.ddei-core-panel-eimport .content .part .text[data-v-9c97ea48] {
  flex: 0 0 20px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
}
.ddei-core-panel-eimport .tail[data-v-9c97ea48] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
}
.ddei-core-panel-fileinfo[data-v-b1753b91] {
  height: 103px;
  width: 230px;
  flex: 0 1 230px;
  display: grid;
  grid-template-rows: 20px 57px 26px;
  grid-template-columns: 1fr;
  text-align: center;
}
.ddei-core-panel-fileinfo .content[data-v-b1753b91] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--panel-border);
  padding: 0px 4px;
}
.ddei-core-panel-fileinfo .content .part[data-v-b1753b91] {
  padding: 0px 2px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-fileinfo .content .part .button-v[data-v-b1753b91] {
  flex: 1;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ddei-core-panel-fileinfo .content .part .button-v .text[data-v-b1753b91] {
  white-space: nowrap;
  flex: 0 0 13px;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
}
.ddei-core-panel-fileinfo .content .part .button-v[data-v-b1753b91]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-core-panel-fileinfo .content .part .button-h[data-v-b1753b91] {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: -2px;
}
.ddei-core-panel-fileinfo .content .part .button-h .button[data-v-b1753b91] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.ddei-core-panel-fileinfo .content .part .button-h .button .icon[data-v-b1753b91] {
  font-size: 28px;
  flex: 1;
}
.ddei-core-panel-fileinfo .content .part .button-h .button .text[data-v-b1753b91] {
  white-space: nowrap;
  flex: 0 0 25px;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
}
.ddei-core-panel-fileinfo .content .part .button-h .button[data-v-b1753b91]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-core-panel-fileinfo .tail[data-v-b1753b91] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
  border-right: 1px solid var(--panel-border);
}
.ddei-core-panel-fileoperate[data-v-891d9231] {
  width: 150px;
  height: 90px;
  border-right: 1px solid #e0e0e0;
  grid-template-rows: 30px 30px 20px;
  grid-template-columns: 1fr;
  display: grid;
  gap: 4px;
  padding-right: 4px;
}
.ddei-core-panel-fileoperate-item[data-v-891d9231] {
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4px;
}
.ddei-core-panel-fileoperate-item-text[data-v-891d9231] {
  text-align: center;
  font-size: 12px;
  grid-column: 1/5;
  color: var(--panel-title);
}
.ddei-core-panel-fileoperate-item-box[data-v-891d9231] {
  width: 30px;
  height: 50px;
  color: var(--panel-title);
  border-radius: 4px;
  font-size: 12px;
  display: grid;
  grid-template-rows: 25px 25px 10px;
  grid-template-columns: 1fr;
}
.ddei-core-panel-fileoperate-item-box div[data-v-891d9231] {
  margin: auto;
}
.ddei-core-panel-fileoperate-item-box img[data-v-891d9231] {
  filter: brightness(45%) drop-shadow(0.2px 0px 0.2px var(--panel-title));
  width: 16px;
  height: 16px;
  margin: auto;
}
.ddei-core-panel-fileoperate-item-box[data-v-891d9231]:hover {
  background-color: var(--panel-hover);
  border-radius: 4px;
}
.ddei-core-panel-fontandtext[data-v-84f4d012] {
  height: 103px;
  display: grid;
  grid-template-rows: 20px 57px 26px;
  grid-template-columns: 1fr;
  text-align: center;
}
.ddei-core-panel-fontandtext .content[data-v-84f4d012] {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  border-right: 1px solid var(--panel-border);
}
.ddei-core-panel-fontandtext .content .buttons[data-v-84f4d012] {
  flex: 1;
}
.ddei-core-panel-fontandtext .content .buttons > div[data-v-84f4d012] {
  float: left;
  margin-right: 10px;
}
.ddei-core-panel-fontandtext .content .buttons .mg16[data-v-84f4d012] {
  margin-right: 3px;
}
.ddei-core-panel-fontandtext .content .buttons .mg165[data-v-84f4d012] {
  margin-right: 5px;
}
.ddei-core-panel-fontandtext .content .buttons .mg14[data-v-84f4d012] {
  margin-right: 3px;
  margin-left: -3px;
}
.ddei-core-panel-fontandtext .content .buttons .mg17[data-v-84f4d012] {
  margin-right: 8px;
}
.ddei-core-panel-fontandtext .content .buttons .b1[data-v-84f4d012] {
  width: 152px;
  margin-right: 0px;
}
.ddei-core-panel-fontandtext .content .buttons .b2[data-v-84f4d012] {
  width: 64px;
}
.ddei-core-panel-fontandtext .content .buttons .b4[data-v-84f4d012] {
  margin-right: 33px;
}
.ddei-core-panel-fontandtext .content .buttons .b5[data-v-84f4d012] {
  margin-top: 1px;
  margin-right: 17px;
}
.ddei-core-panel-fontandtext .content .buttons .b6[data-v-84f4d012] {
  margin-top: 1px;
  margin-right: 15px;
}
.ddei-core-panel-fontandtext .tail[data-v-84f4d012] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
  border-right: 1px solid var(--panel-border);
}
.ddei-core-panel-operate[data-v-fc2f1000] {
  height: 103px;
  width: 230px;
  flex: 0 1 230px;
  display: grid;
  grid-template-rows: 20px 57px 26px;
  grid-template-columns: 1fr;
  text-align: center;
}
.ddei-core-panel-operate .content[data-v-fc2f1000] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--panel-border);
  padding: 0px 4px;
}
.ddei-core-panel-operate .content .part[data-v-fc2f1000] {
  padding: 0px 2px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-operate .content .part .button-v[data-v-fc2f1000] {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 50px;
  border-radius: 4px;
  align-items: center;
}
.ddei-core-panel-operate .content .part .button-v[data-v-fc2f1000]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-core-panel-operate .content .part .button-v--selected[data-v-fc2f1000] {
  flex: 1;
  height: 50px;
  display: flex;
  flex-direction: column;
  background-color: var(--panel-selected);
  border-radius: 4px;
}
.ddei-core-panel-operate .content .part .button-v--selected .text[data-v-fc2f1000] {
  color: var(--panel-title-selected);
}
.ddei-core-panel-operate .content .part .button-v--disabled[data-v-fc2f1000] {
  flex: 1;
  height: 50px;
  display: flex;
  flex-direction: column;
  cursor: not-allowed;
  align-items: center;
  background-color: var(--panel-disabled);
}
.ddei-core-panel-operate .content .part .button-v--disabled .icon[data-v-fc2f1000] {
  filter: grayscale(1);
  opacity: 40%;
}
.ddei-core-panel-operate .content .part .button-v--disabled .text[data-v-fc2f1000] {
  color: var(--panel-title-disabled);
}
.ddei-core-panel-operate .content .part .text[data-v-fc2f1000] {
  font-size: 14px;
  white-space: nowrap;
  font-weight: 400;
  color: var(--panel-title);
}
.ddei-core-panel-operate .tail[data-v-fc2f1000] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
  border-right: 1px solid var(--panel-border);
}
.ddei-core-panel-sort[data-v-9f739241] {
  height: 103px;
  width: 230px;
  flex: 0 1 230px;
  display: grid;
  grid-template-rows: 20px 57px 26px;
  grid-template-columns: 1fr;
  text-align: center;
}
.ddei-core-panel-sort .content[data-v-9f739241] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 4px;
  border-right: 1px solid var(--panel-border);
}
.ddei-core-panel-sort .content .part[data-v-9f739241] {
  flex: 1;
  padding: 0px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-sort .content .part .button-v[data-v-9f739241] {
  flex: 1;
  height: 50px;
  border-radius: 4px;
}
.ddei-core-panel-sort .content .part .button-v[data-v-9f739241]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-core-panel-sort .content .part .button-v--selected[data-v-9f739241] {
  flex: 1;
  height: 50px;
  background-color: var(--panel-selected);
  border-radius: 4px;
}
.ddei-core-panel-sort .content .part .button-v--selected .text[data-v-9f739241] {
  color: var(--panel-title-selected);
}
.ddei-core-panel-sort .content .part .button-v--disabled[data-v-9f739241] {
  flex: 1;
  height: 50px;
  cursor: not-allowed;
  background-color: var(--panel-disabled);
}
.ddei-core-panel-sort .content .part .button-v--disabled > span[data-v-9f739241] {
  color: var(--panel-title-disabled);
}
.ddei-core-panel-sort .content .part .button-v--disabled .icon[data-v-9f739241] {
  filter: grayscale(1);
  opacity: 40%;
}
.ddei-core-panel-sort .content .part .button-v--disabled .text[data-v-9f739241] {
  color: var(--panel-title-disabled);
}
.ddei-core-panel-sort .content .part .text[data-v-9f739241] {
  height: 20px;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 400;
  color: var(--panel-title);
  margin-top: -3px;
}
.ddei-core-panel-sort .content .part .extbtn[data-v-9f739241] {
  font-size: 12px;
  vertical-align: top;
}
.ddei-core-panel-sort .tail[data-v-9f739241] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
  border-right: 1px solid var(--panel-border);
}
.ddei-core-panel-quickstyle[data-v-109430c5] {
  width: 430px;
  height: 90px;
  border-right: 1px solid #e0e0e0;
  grid-template-rows: 20px 20px 20px 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  display: grid;
  padding-right: 10px;
}
.ddei-core-panel-quickstyle-item[data-v-109430c5] {
  margin: auto;
}
.ddei-core-panel-quickstyle-item-box[data-v-109430c5] {
  width: 60px;
  height: 20px;
  color: black;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 2px;
}
.ddei-core-panel-quickstyle-item-box img[data-v-109430c5] {
  margin-top: 3px;
  filter: brightness(45%) drop-shadow(0.2px 0px 0.2px #000);
  float: left;
  margin-left: 2px;
}
.ddei-core-panel-quickstyle-item-box div[data-v-109430c5] {
  float: left;
  margin-left: 3px;
}
.ddei-core-panel-quickstyle-item-box-selected[data-v-109430c5] {
  width: 25px;
  height: 25px;
  text-align: center;
  background-color: #e4e4e8;
  border-radius: 4px;
}
.ddei-core-panel-quickstyle-item-box-selected img[data-v-109430c5] {
  margin-top: 4px;
  filter: brightness(45%) drop-shadow(0.2px 0px 0.2px #000);
}
.ddei-core-panel-quickstyle-item-box[data-v-109430c5]:hover {
  background-color: #e9e9ee;
  border-radius: 4px;
}
.ddei-core-panel-quickstyle-item-box-template[data-v-109430c5] {
  width: 350px;
  height: 55px;
  margin-top: 4px;
  border-radius: 4px;
  padding-left: 5px;
  background: white;
  display: flex;
}
.ddei-core-panel-quickstyle-item-box-template-item[data-v-109430c5] {
  height: 34px;
  margin: auto;
  flex: 0 0 34px;
  color: black;
  border-radius: 4px;
  border: 1px solid black;
  text-align: center;
  padding-top: 3px;
}
.ddei-core-panel-quickstyle-item-box-template-item[data-v-109430c5]:hover {
  outline: 0.5px solid #017fff;
  box-sizing: border-box;
  outline-offset: 3px;
}
.ddei-core-panel-quickstyle-item-box-template-icon[data-v-109430c5] {
  width: 20px;
  grid-template-rows: 17px 17px 17px;
  grid-template-columns: 1fr;
  margin: auto;
  display: grid;
  margin-top: -2px;
  margin-right: 5px;
}
.ddei-core-panel-quickstyle-item-box-template-icon img[data-v-109430c5] {
  margin-top: 5px;
  margin-left: 8px;
  filter: brightness(80%) drop-shadow(0.1px 0px 0.1px #000);
}
.ddei-core-panel-quickstyle-item-text[data-v-109430c5] {
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  color: #787878;
  margin-top: 8px;
}
.ddei-core-panel-tool[data-v-d02823f2] {
  height: 103px;
  width: 200px;
  flex: 0 1 200px;
  display: grid;
  grid-template-rows: 20px 57px 26px;
  grid-template-columns: 1fr;
  text-align: center;
}
.ddei-core-panel-tool .content[data-v-d02823f2] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--panel-border);
  padding: 0px 4px;
}
.ddei-core-panel-tool .content .part[data-v-d02823f2] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 2px;
}
.ddei-core-panel-tool .content .part .button-v[data-v-d02823f2] {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 50px;
  border-radius: 4px;
  align-items: center;
}
.ddei-core-panel-tool .content .part .button-v[data-v-d02823f2]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-core-panel-tool .content .part .button-v--selected[data-v-d02823f2] {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 50px;
  background-color: var(--panel-selected);
  border-radius: 4px;
  align-items: center;
}
.ddei-core-panel-tool .content .part .button-v--selected .text[data-v-d02823f2] {
  color: var(--panel-title-selected);
}
.ddei-core-panel-tool .content .part .button-v--disabled[data-v-d02823f2] {
  flex: 1;
  height: 50px;
  display: flex;
  flex-direction: column;
  cursor: not-allowed;
  align-items: center;
  background-color: var(--panel-disabled);
}
.ddei-core-panel-tool .content .part .button-v--disabled .icon[data-v-d02823f2] {
  filter: grayscale(1);
  opacity: 40%;
}
.ddei-core-panel-tool .content .part .button-v--disabled .text[data-v-d02823f2] {
  color: var(--panel-title-disabled);
}
.ddei-core-panel-tool .content .part .text[data-v-d02823f2] {
  flex: 0 0 13px;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 400;
  color: var(--panel-title);
}
.ddei-core-panel-tool .tail[data-v-d02823f2] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--panel-title);
  border-right: 1px solid var(--panel-border);
}
.ddei-core-panel-bottom-shapecount[data-v-91252de3] {
  flex: 0 0 100px;
  display: block;
  font-size: 15px;
  text-align: center;
}
.ddei-core-panel-bottom-managelayers[data-v-e3adc5da] {
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ddei-core-panel-bottom-managelayers .icon[data-v-e3adc5da] {
  font-size: 20px;
}
.ddei-core-panel-bottom-managelayers[data-v-e3adc5da]:hover {
  background-color: var(--panel-hover);
  cursor: pointer;
}
.ddei-core-panel-bottom-play[data-v-7e2fc5b7] {
  flex: 0 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ddei-core-panel-bottom-suitratio[data-v-4eeb5012] {
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ddei-core-panel-bottom-suitratio .icon[data-v-4eeb5012] {
  font-size: 20px;
}
.ddei-core-panel-bottom-suitratio[data-v-4eeb5012]:hover {
  background-color: var(--panel-hover);
  cursor: pointer;
}
.expbtn[data-v-f8d489b0] {
  width: 14px;
  font-size: 14px;
}
.icon[data-v-f8d489b0] {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.ddei-core-panel-bottom-changeratio[data-v-f8d489b0] {
  flex: 0 0 157px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.ddei-core-panel-bottom-changeratio span[data-v-f8d489b0] {
  float: left;
  width: 36px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
.ddei-core-panel-bottom-changeratio div[data-v-f8d489b0] {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ddei-core-panel-bottom-changeratio input[data-v-f8d489b0] {
  float: left;
  width: 100px;
  border-radius: 4px;
}
.ddei-core-panel-bottom-changeratio__combox[data-v-f8d489b0] {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-bottom-changeratio__combox__dialog[data-v-f8d489b0]:hover {
  background-color: var(--panel-hover);
  cursor: pointer;
}
.ddei-core-panel-bottom-addpage[data-v-d059d47d] {
  flex: 0 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.ddei-core-panel-bottom-addpage .icon[data-v-d059d47d] {
  font-size: 20px;
}
.ddei-core-panel-bottom-pages[data-v-d059d47d] {
  font-size: 15px;
  flex: 1;
  display: block;
  text-align: center;
}
.ddei-core-panel-bottom-pages-movebox[data-v-d059d47d] {
  width: 25px;
  height: 27px;
  float: left;
  text-align: center;
}
.ddei-core-panel-bottom-pages-movebox .icon[data-v-d059d47d] {
  font-size: 20px;
}
.ddei-core-panel-bottom-pages-movebox[data-v-d059d47d]:hover {
  background: #ebebef;
  cursor: pointer;
}
.ddei-core-panel-bottom-pages-movebox .icon[data-v-d059d47d] {
  height: 27px;
}
.ddei-core-panel-bottom-pages-page[data-v-d059d47d] {
  float: left;
  height: 27px;
  border-right: 1px solid var(--panel-border);
  padding: 0 10px;
  text-align: center;
}
.ddei-core-panel-bottom-pages-page span[data-v-d059d47d] {
  height: 27px;
  width: 80px;
  padding-left: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  background: var(--panel-background);
}
.ddei-core-panel-bottom-pages-page span[data-v-d059d47d]:hover {
  color: var(--dot);
  cursor: pointer;
  background: var(--background);
}
.ddei-core-panel-bottom-pages-page--selected[data-v-d059d47d] {
  float: left;
  height: 27px;
  border-right: 1px solid var(--panel-border);
  padding: 0 10px;
  text-align: center;
}
.ddei-core-panel-bottom-pages-page--selected span[data-v-d059d47d] {
  height: 27px;
  width: 80px;
  padding-left: 3px;
  background: var(--panel-selected);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--dot);
  font-weight: bold;
  display: inline-flex;
  align-items: center;
}
.ddei-core-panel-toolbox-simple[data-v-1844ae01] {
  text-align: center;
  position: absolute;
  z-index: 99999;
  border: 1px solid var(--panel-border);
  box-shadow: 0px 2px 24px 0px hsla(0, 0%, 0%, 0.25);
  border-radius: 5px;
  overflow: hidden;
  background-color: var(--panel-background);
  display: flex;
  justify-content: start;
  align-items: center;
}
.ddei-core-panel-toolbox-simple .item[data-v-1844ae01] {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-toolbox-simple .item > img[data-v-1844ae01] {
  margin-top: 2px;
  margin-left: 2px;
}
.ddei-core-panel-toolbox-simple .item[data-v-1844ae01]:hover {
  background-color: #e2dede;
  cursor: pointer;
}
.ddei-core-panel-toolbox-simple .item-icon-html[data-v-1844ae01] {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-toolbox-simple .item-icon-html[data-v-1844ae01] > * {
  width: 28px !important;
  height: 28px !important;
}
.ddei-core-panel-toolbox-simple .item-selected[data-v-1844ae01] {
  background-color: #e2dede;
}
.ddei-core-panel-toolbox-simple .item-block[data-v-1844ae01] {
  width: 10px;
  height: 10px;
}
.ddei-core-panel-toolbox-simple .item-drag[data-v-1844ae01] {
  width: 100%;
  height: 10px;
  background-color: #efefef;
}
.ddei-core-panel-toolbox-simple .item-drag[data-v-1844ae01]:hover {
  background-color: var(--dot);
  cursor: grab;
}
.ddei-core-panel-toolbox-simple .item-drag-2[data-v-1844ae01] {
  height: 100%;
  width: 10px;
  background-color: #efefef;
}
.ddei-core-panel-toolbox-simple .item-drag-2[data-v-1844ae01]:hover {
  background-color: var(--dot);
  cursor: grab;
}
.ddei-core-panel-topmenu-simple[data-v-fd984159] {
  text-align: center;
  position: absolute;
  color: var(--text);
  z-index: 99999;
  border: 1px solid var(--panel-border);
  box-shadow: 0px 2px 24px 0px hsla(0, 0%, 0%, 0.25);
  border-radius: 5px;
  overflow: hidden;
  background-color: var(--panel-background);
  display: flex;
  font-size: 14px;
  justify-content: start;
  align-items: center;
}
.ddei-core-panel-topmenu-simple .item[data-v-fd984159] {
  min-width: 60px;
  padding: 0 10px;
  height: 24px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 0.5px solid #e2dede;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ddei-core-panel-topmenu-simple .item > div[data-v-fd984159] {
  width: 100%;
}
.ddei-core-panel-topmenu-simple .item[data-v-fd984159]:hover {
  background-color: #e2dede;
  cursor: pointer;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ddei-core-panel-topmenu-simple .item-selected[data-v-fd984159] {
  background-color: #e2dede;
}
.ddei-core-panel-topmenu-simple .item-block[data-v-fd984159] {
  width: 10px;
  height: 10px;
}
.ddei-core-panel-topmenu-simple .item-drag[data-v-fd984159] {
  width: 100%;
  height: 10px;
  background-color: #efefef;
}
.ddei-core-panel-topmenu-simple .item-drag[data-v-fd984159]:hover {
  background-color: var(--dot);
  cursor: grab;
}
.ddei-core-panel-topmenu-simple .item-drag-2[data-v-fd984159] {
  height: 100%;
  width: 10px;
  background-color: #efefef;
}
.ddei-core-panel-topmenu-simple .item-drag-2[data-v-fd984159]:hover {
  background-color: var(--dot);
  cursor: grab;
}
.ddei-core-panel-propertyview-mobile[data-v-6be35d42] {
  text-align: center;
  border: 1px solid var(--panel-border);
  overflow: hidden;
  background-color: var(--panel-background);
  display: flex;
  justify-content: start;
  align-items: center;
}
.ddei-core-panel-propertyview-mobile .readonly > input[data-v-6be35d42],
.ddei-core-panel-propertyview-mobile .readonly textarea[data-v-6be35d42] {
  color: grey !important;
}
.ddei-core-panel-propertyview-mobile .content[data-v-6be35d42] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
.ddei-core-panel-propertyview-mobile .content .row[data-v-6be35d42] {
  flex: 0 1 20px;
  margin: 5px;
  width: 100%;
}
.ddei-core-panel-propertyview-mobile .content .row .icon[data-v-6be35d42] {
  opacity: 0.5;
}
.ddei-core-panel-propertyview-mobile .content .row .icon[data-v-6be35d42]:hover {
  opacity: 1;
}
.ddei-core-panel-propertyview-mobile .content .row .remove-button[data-v-6be35d42] {
  height: 26px;
  text-align: center;
  border-radius: 2px;
  font-size: 18px;
  margin-left: 25px;
  color: white;
  width: calc(100% - 40px);
  background: red;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-text[data-v-6be35d42] {
  height: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-text-title[data-v-6be35d42] {
  flex: 0 0 100px;
  color: black;
  font-size: 16px;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-text-input[data-v-6be35d42] {
  flex: 1;
  color: black;
  text-align: left;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-text-input input[data-v-6be35d42] {
  font-size: 16px;
  width: 95%;
  height: auto;
  color: black;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-text-input input[data-v-6be35d42]::placeholder {
  color: grey;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-textarea[data-v-6be35d42] {
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-textarea-title[data-v-6be35d42] {
  flex: 0 0 100px;
  color: black;
  font-size: 16px;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-textarea-input[data-v-6be35d42] {
  flex: 1;
  color: black;
  text-align: left;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-textarea-input textarea[data-v-6be35d42] {
  background: white;
  color: black;
  font-size: 16px;
  width: 95%;
  height: 55px;
}
.ddei-core-panel-propertyview-mobile .content .row .change-property-textarea-input textarea[data-v-6be35d42]::placeholder {
  color: grey;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row[data-v-6be35d42] {
  margin: 2px 5px;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .remove-button[data-v-6be35d42] {
  margin-left: 20px;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-text[data-v-6be35d42] {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-text-title[data-v-6be35d42] {
  flex: 1;
  width: 100%;
  padding-left: 10px;
  text-align: left;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-text-input[data-v-6be35d42] {
  flex: 1;
  text-align: right;
  width: 100%;
  padding: 0 20px;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-text-input input[data-v-6be35d42] {
  width: 100%;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-textarea[data-v-6be35d42] {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-textarea-title[data-v-6be35d42] {
  flex: 1;
  width: 100%;
  padding-left: 10px;
  text-align: left;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-textarea-input[data-v-6be35d42] {
  flex: 1;
  text-align: right;
  width: 100%;
  padding: 0 20px;
}
.ddei-core-panel-propertyview-mobile .content-landspace .row .change-property-textarea-input textarea[data-v-6be35d42] {
  width: 100%;
}
.ddei-editor-quickifat-item-box[data-v-4ef00c85] {
  width: 22px;
  display: flex;
  text-align: center;
}
.ddei-editor-quickifat-item-box--disabled[data-v-4ef00c85] {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 40%;
  background: var(--panel-disabled);
  cursor: not-allowed;
}
.ddei-editor-quickifat-item-box[data-v-4ef00c85]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-editor-quickifat-item-box .magtop-1[data-v-4ef00c85] {
  margin-top: -1px;
}
.ddei-editor-quickifat-item-box .magtop-2[data-v-4ef00c85] {
  margin-top: -2px;
}
.ddei-editor-quickifat-item-box .magtop-3[data-v-4ef00c85] {
  margin-top: -3px;
}
.ddei-pv-border-dash-combox[data-v-8ff63c75] {
  height: 28px;
}
.ddei-pv-border-dash-combox--disabled .textinput[data-v-8ff63c75] {
  background-color: var(--panel-background);
  height: 28px;
  justify-content: center;
  align-items: center;
}
.ddei-pv-border-dash-combox .textinput[data-v-8ff63c75] {
  width: 100%;
  padding-right: 5px;
  border: 0.5px solid var(--panel-border);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  height: 28px;
}
.ddei-pv-border-dash-combox .textinput[data-v-8ff63c75]:hover {
  border: 1px solid var(--dot);
  box-sizing: border-box;
}
.ddei-pv-border-dash-combox .textinput .div_input[data-v-8ff63c75] {
  flex: 1 1 calc(100% - 10px);
  width: calc(100% - 10px);
  height: 3px;
}
.ddei-pv-border-dash-combox .textinput div[data-v-8ff63c75] {
  flex: 0 0 20px;
}
.icon[data-v-8ff63c75] {
  font-size: 16px;
}
.ddei_pv_border_weight_combox[data-v-e7c6034b] {
  height: 28px;
}
.ddei_pv_border_weight_combox_disabled .textinput[data-v-e7c6034b] {
  background-color: #d2d2d2;
  height: 28px;
  justify-content: center;
  align-items: center;
}
.ddei_pv_border_weight_combox .textinput[data-v-e7c6034b] {
  width: 100%;
  padding-right: 5px;
  border: 0.5px solid #d2d2d2;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  height: 28px;
}
.ddei_pv_border_weight_combox .textinput[data-v-e7c6034b]:hover {
  border: 1px solid #017fff;
  box-sizing: border-box;
}
.ddei_pv_border_weight_combox .textinput .div_input[data-v-e7c6034b] {
  flex: 1 1 calc(100% - 10px);
  width: calc(100% - 10px);
  height: 3px;
}
.ddei_pv_border_weight_combox .textinput div[data-v-e7c6034b] {
  flex: 0 0 20px;
}
.icon[data-v-e7c6034b] {
  font-size: 16px;
}
.ddei-editor-quick-fat-item-box[data-v-b43b0371] {
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-editor-quick-fat-item-box[data-v-b43b0371]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-editor-quick-fat-item-box--selected[data-v-b43b0371] {
  background-color: var(--panel-selected);
}
.ddei-editor-quick-fat-item-box--disabled[data-v-b43b0371] {
  background-color: var(--panel-disabled);
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 40%;
}
.ddei-editor-quick-fat-item-box .rotate-90[data-v-b43b0371] {
  transform: rotate(90deg);
}
.ddei-editor-quick-fat-item-box .ext-underline[data-v-b43b0371] {
  margin-top: 5.5px;
  font-size: 16px;
}
.ddei-editor-quick-fat-item-box .magtop-1[data-v-b43b0371] {
  margin-top: -1px;
}
.ddei-editor-quick-fat-item-box .magtop-2[data-v-b43b0371] {
  margin-top: -2px;
}
.ddei-editor-quick-fat-item-box .magtop-3[data-v-b43b0371] {
  margin-top: -3px;
}
.ddei-editor-quick-fat-item-box[data-v-019ae087] {
  width: 15px;
  height: 24px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ddei-editor-quick-fat-item-box .icon[data-v-019ae087] {
  flex: 0 0 16px;
}
.ddei-editor-quick-fat-item-box .colorbar[data-v-019ae087] {
  width: 100%;
  flex: 0 0 3px;
}
.ddei-editor-quick-fat-item-box .colinput[data-v-019ae087] {
  border: none;
  outline: none;
  display: block;
  margin-top: 5px;
}
.ddei-editor-quick-fat-item-box .magtop-1[data-v-019ae087] {
  margin-top: -1px;
}
.ddei-editor-quick-fat-item-box[data-v-019ae087]:hover {
  cursor: pointer;
  background-color: var(--panel-hover);
}
.ddei-editor-quick-fat-item-box--disabled[data-v-019ae087] {
  background-color: var(--panel-disabled);
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 40%;
}
/*字体选择框*/
.ddei-editor-quick-fat-item-fontfamily[data-v-ec936992] {
  background-color: var(--panel-background);
  height: 24px;
  display: flex;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--panel-border);
  border-right: none;
  box-sizing: border-box;
}
.ddei-editor-quick-fat-item-fontfamily[data-v-ec936992]:hover {
  border: 0.5px solid var(--dot);
  box-sizing: border-box;
}
.ddei-editor-quick-fat-item-fontfamily--disabled[data-v-ec936992]:hover {
  background-color: var(--panel-disabled);
  cursor: not-allowed !important;
}
.ddei-editor-quick-fat-item-fontfamily_input[data-v-ec936992] {
  width: calc(100% - 20px);
  border: transparent;
  outline: none;
  font-size: 15px;
  color: var(--panel-title);
  background: transparent;
}
.ddei-editor-quick-fat-item-fontfamily_combox[data-v-ec936992] {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-editor-quick-fat-item-fontfamily_combox .iconfont-45[data-v-ec936992] {
  font-size: 13px;
}
/*字体大小设置框 */
.ddei-editor-quick-fat-item-fontsize[data-v-4fcf2a95] {
  background-color: var(--panel-background);
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid var(--panel-border);
}
.ddei-editor-quick-fat-item-fontsize[data-v-4fcf2a95]:hover {
  border: 0.5px solid var(--dot);
}
.ddei-editor-quick-fat-item-fontsize--disabled[data-v-4fcf2a95]:hover {
  background-color: var(--panel-disabled);
  cursor: not-allowed !important;
}
.ddei-editor-quick-fat-item-fontsize_input[data-v-4fcf2a95] {
  width: calc(100% - 20px);
  border: transparent;
  outline: none;
  color: var(--panel-title);
  font-size: 15px;
  background: transparent;
}
.ddei-editor-quick-fat-item-fontsize_combox[data-v-4fcf2a95] {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ddei-editor-quick-fat-item-fontsize_combox .iconfont-45[data-v-4fcf2a95] {
  font-size: 13px;
}
.ddei-editor-quick-fat-item-box[data-v-4fcf2a95] {
  width: 25px;
  height: 25px;
  text-align: center;
}
.ddei-editor-quick-fat-item-box--disabled[data-v-4fcf2a95] {
  color: var(--panel-title-disabled);
  filter: brightness(200%) !important;
}
.ddei-editor-quick-fat-item-box--disabled[data-v-4fcf2a95]:ho