mce 0.19.2 → 0.21.0

package/dist/components/TableEditor.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/index.css

@@ -1050,6 +1050,162 @@
   font-size: 0.75rem;
   padding: 0 2px;
   font-family: system-ui, -apple-system, sans-serif;
+}.m-table-editor {
+  position: absolute;
+  width: 0;
+  height: 0;
+  left: 0;
+  top: 0;
+  overflow: visible;
+  pointer-events: none;
+}
+.m-table-editor__box {
+  position: absolute;
+  pointer-events: auto;
+  box-shadow: 0 0 0 1px rgba(var(--m-theme-primary), 0.5);
+}
+.m-table-editor__bar {
+  position: absolute;
+  display: flex;
+  align-items: stretch;
+  box-sizing: border-box;
+  background: #fff;
+  border: 1px solid rgba(var(--m-theme-on-background), 0.16);
+  border-bottom: none;
+  font-size: 12px;
+}
+.m-table-editor__bar-name {
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  max-width: 56px;
+  padding: 0 6px;
+  border-right: 1px solid rgba(var(--m-theme-on-background), 0.16);
+  color: rgb(var(--m-theme-on-background));
+  font-weight: 600;
+}
+.m-table-editor__bar-content {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  padding: 0 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: rgb(var(--m-theme-on-background));
+}
+.m-table-editor__cell {
+  position: absolute;
+  box-sizing: border-box;
+  cursor: cell;
+}
+.m-table-editor__text {
+  position: absolute;
+  z-index: 4;
+  pointer-events: auto;
+}
+.m-table-editor__text-editor {
+  pointer-events: auto !important;
+  cursor: text;
+}
+.m-table-editor__selection {
+  position: absolute;
+  pointer-events: none;
+  z-index: 3;
+  border: 2px solid rgb(var(--m-theme-primary));
+}
+.m-table-editor__selection--range {
+  background: rgba(var(--m-theme-primary), 0.12);
+}
+.m-table-editor__corner {
+  position: absolute;
+  box-sizing: border-box;
+  background: #f4f5f7;
+  border: 1px solid rgba(var(--m-theme-on-background), 0.16);
+  cursor: pointer;
+  overflow: hidden;
+}
+.m-table-editor__corner::after {
+  content: "";
+  position: absolute;
+  right: 2px;
+  bottom: 2px;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 0 7px 7px;
+  border-color: transparent transparent rgba(var(--m-theme-on-background), 0.5) transparent;
+}
+.m-table-editor__col-header, .m-table-editor__row-header {
+  position: absolute;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f4f5f7;
+  border: 1px solid rgba(var(--m-theme-on-background), 0.16);
+  font-size: 12px;
+  color: rgba(var(--m-theme-on-background), 0.7);
+  cursor: pointer;
+  user-select: none;
+}
+.m-table-editor__col-header:hover, .m-table-editor__row-header:hover {
+  background: rgba(var(--m-theme-primary), 0.12);
+}
+.m-table-editor__col-header--active, .m-table-editor__row-header--active {
+  background: rgba(var(--m-theme-primary), 0.85);
+  color: #fff;
+}
+.m-table-editor__col-resizer {
+  position: absolute;
+  width: 7px;
+  margin-left: -3px;
+  cursor: col-resize;
+  z-index: 5;
+}
+.m-table-editor__row-resizer {
+  position: absolute;
+  height: 7px;
+  margin-top: -3px;
+  cursor: row-resize;
+  z-index: 5;
+}
+.m-table-editor__menu {
+  position: fixed;
+  pointer-events: auto;
+  min-width: 160px;
+  padding: 4px;
+  background: rgb(var(--m-theme-surface, 255 255 255));
+  border-radius: 6px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+}
+.m-table-editor__menu-item {
+  appearance: none;
+  border: none;
+  background: transparent;
+  text-align: left;
+  padding: 6px 10px;
+  font-size: 13px;
+  border-radius: 4px;
+  cursor: pointer;
+  color: rgb(var(--m-theme-on-surface, 0 0 0));
+}
+.m-table-editor__menu-item:hover:not(:disabled) {
+  background: rgba(var(--m-theme-primary), 0.12);
+}
+.m-table-editor__menu-item:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.m-table-editor__menu-sep {
+  height: 1px;
+  margin: 4px 6px;
+  background: rgba(var(--m-theme-on-background), 0.12);
 }.m-payhead {
   bottom: 0;
   left: -5px;