@tmagic/table 1.8.0-manmanyu.25 → 1.8.0-manmanyu.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/es/ActionsColumn.js +0 -1
  2. package/dist/es/ActionsColumn.vue_vue_type_script_setup_true_lang.js +2 -2
  3. package/dist/es/style.css +17 -15
  4. package/dist/style.css +17 -15
  5. package/dist/tmagic-table.umd.cjs +2 -2
  6. package/package.json +4 -4
  7. package/src/ActionsColumn.vue +2 -23
  8. package/src/theme/index.scss +19 -0
package/dist/es/ActionsColumn.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import ActionsColumn_vue_vue_type_script_setup_true_lang_default from "./ActionsColumn.vue_vue_type_script_setup_true_lang.js";
2
- /* empty css */
3
2
  //#region packages/table/src/ActionsColumn.vue
4
3
  var ActionsColumn_default = ActionsColumn_vue_vue_type_script_setup_true_lang_default;
5
4
  //#endregion
package/dist/es/ActionsColumn.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -6,7 +6,7 @@ import { cloneDeep } from "lodash-es";
6
6
  import { TMagicButton, TMagicPopover, tMagicMessage } from "@tmagic/design";
7
7
  import { ArrowDown, ArrowRight } from "@element-plus/icons-vue";
8
8
  //#region packages/table/src/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
9
- var _hoisted_1 = { class: "sub-actions" };
9
+ var _hoisted_1 = { class: "tmagic-table-sub-actions" };
10
10
  var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
11
11
  name: "MTableActionsColumn",
12
12
  __name: "ActionsColumn",
@@ -83,7 +83,7 @@ var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
83
83
  placement: action.subActionConfig?.placement || "bottom",
84
84
  width: action.subActionConfig?.popoverWidth,
85
85
  "popper-class": action.subActionConfig?.popoverClass,
86
- "destroy-on-close": action.subActionConfig?.popoverDestroyOnClose
86
+ "destroy-on-close": action.subActionConfig?.popoverDestroyOnClose ?? true
87
87
  }, {
88
88
  reference: withCtx(() => [withDirectives(createVNode(unref(TMagicButton), {
89
89
  class: "action-btn",
package/dist/es/style.css CHANGED
@@ -1,18 +1,4 @@
1
- .sub-actions {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 4px;
5
- align-items: flex-start;
6
- }
7
- .sub-actions .sub-action-btn {
8
- width: 100%;
9
- }
10
- .sub-actions .tmagic-design-button + .tmagic-design-button {
11
- margin-left: 0;
12
- }
13
- .sub-actions .tmagic-design-button {
14
- justify-content: flex-start;
15
- }.m-table .el-button.action-btn + .el-button.action-btn {
1
+ .m-table .el-button.action-btn + .el-button.action-btn {
16
2
  margin-left: 0;
17
3
  }
18
4
  .m-table .keep-all {
@@ -24,4 +10,20 @@
24
10
  }
25
11
  .m-table .el-table__row.el-table__row--level-1 {
26
12
  color: #999;
13
+ }
14
+
15
+ .tmagic-table-sub-actions {
16
+ display: flex;
17
+ flex-direction: column;
18
+ gap: 4px;
19
+ align-items: flex-start;
20
+ }
21
+ .tmagic-table-sub-actions .sub-action-btn {
22
+ width: 100%;
23
+ }
24
+ .tmagic-table-sub-actions .tmagic-design-button + .tmagic-design-button {
25
+ margin-left: 0;
26
+ }
27
+ .tmagic-table-sub-actions .tmagic-design-button {
28
+ justify-content: flex-start;
27
29
  }/*$vite$:1*/
package/dist/style.css CHANGED
@@ -1,18 +1,4 @@
1
- .sub-actions {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 4px;
5
- align-items: flex-start;
6
- }
7
- .sub-actions .sub-action-btn {
8
- width: 100%;
9
- }
10
- .sub-actions .tmagic-design-button + .tmagic-design-button {
11
- margin-left: 0;
12
- }
13
- .sub-actions .tmagic-design-button {
14
- justify-content: flex-start;
15
- }.m-table .el-button.action-btn + .el-button.action-btn {
1
+ .m-table .el-button.action-btn + .el-button.action-btn {
16
2
  margin-left: 0;
17
3
  }
18
4
  .m-table .keep-all {
@@ -24,4 +10,20 @@
24
10
  }
25
11
  .m-table .el-table__row.el-table__row--level-1 {
26
12
  color: #999;
13
+ }
14
+
15
+ .tmagic-table-sub-actions {
16
+ display: flex;
17
+ flex-direction: column;
18
+ gap: 4px;
19
+ align-items: flex-start;
20
+ }
21
+ .tmagic-table-sub-actions .sub-action-btn {
22
+ width: 100%;
23
+ }
24
+ .tmagic-table-sub-actions .tmagic-design-button + .tmagic-design-button {
25
+ margin-left: 0;
26
+ }
27
+ .tmagic-table-sub-actions .tmagic-design-button {
28
+ justify-content: flex-start;
27
29
  }/*$vite$:1*/
package/dist/tmagic-table.umd.cjs CHANGED
@@ -2037,7 +2037,7 @@
2037
2037
  });
2038
2038
  //#endregion
2039
2039
  //#region packages/table/src/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
2040
- var _hoisted_1$2 = { class: "sub-actions" };
2040
+ var _hoisted_1$2 = { class: "tmagic-table-sub-actions" };
2041
2041
  //#endregion
2042
2042
  //#region packages/table/src/ActionsColumn.vue
2043
2043
  var ActionsColumn_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2116,7 +2116,7 @@
2116
2116
  placement: action.subActionConfig?.placement || "bottom",
2117
2117
  width: action.subActionConfig?.popoverWidth,
2118
2118
  "popper-class": action.subActionConfig?.popoverClass,
2119
- "destroy-on-close": action.subActionConfig?.popoverDestroyOnClose
2119
+ "destroy-on-close": action.subActionConfig?.popoverDestroyOnClose ?? true
2120
2120
  }, {
2121
2121
  reference: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
2122
2122
  class: "action-btn",
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.8.0-manmanyu.25",
2
+ "version": "1.8.0-manmanyu.27",
3
3
  "name": "@tmagic/table",
4
4
  "type": "module",
5
5
  "sideEffects": [
@@ -47,9 +47,9 @@
47
47
  "peerDependencies": {
48
48
  "vue": "^3.5.38",
49
49
  "typescript": "^6.0.3",
50
- "@tmagic/design": "1.8.0-manmanyu.25",
51
- "@tmagic/utils": "1.8.0-manmanyu.25",
52
- "@tmagic/form": "1.8.0-manmanyu.25"
50
+ "@tmagic/design": "1.8.0-manmanyu.27",
51
+ "@tmagic/utils": "1.8.0-manmanyu.27",
52
+ "@tmagic/form": "1.8.0-manmanyu.27"
53
53
  },
54
54
  "peerDependenciesMeta": {
55
55
  "typescript": {
package/src/ActionsColumn.vue CHANGED
@@ -16,7 +16,7 @@
16
16
  :placement="action.subActionConfig?.placement || 'bottom'"
17
17
  :width="action.subActionConfig?.popoverWidth"
18
18
  :popper-class="action.subActionConfig?.popoverClass"
19
- :destroy-on-close="action.subActionConfig?.popoverDestroyOnClose"
19
+ :destroy-on-close="action.subActionConfig?.popoverDestroyOnClose ?? true"
20
20
  >
21
21
  <template #reference>
22
22
  <TMagicButton
@@ -29,7 +29,7 @@
29
29
  @click.stop="togglePopover"
30
30
  ></TMagicButton>
31
31
  </template>
32
- <div class="sub-actions">
32
+ <div class="tmagic-table-sub-actions">
33
33
  <template v-for="(subAction, subIndex) in action.subActionConfig?.items" :key="subIndex">
34
34
  <ActionPopconfirm
35
35
  v-if="subAction.popconfirm"
@@ -175,24 +175,3 @@ defineExpose({
175
175
  cancel,
176
176
  });
177
177
  </script>
178
-
179
- <style lang="scss">
180
- .sub-actions {
181
- display: flex;
182
- flex-direction: column;
183
- gap: 4px;
184
- align-items: flex-start;
185
-
186
- .sub-action-btn {
187
- width: 100%;
188
- }
189
-
190
- .tmagic-design-button + .tmagic-design-button {
191
- margin-left: 0;
192
- }
193
-
194
- .tmagic-design-button {
195
- justify-content: flex-start;
196
- }
197
- }
198
- </style>
package/src/theme/index.scss CHANGED
@@ -13,3 +13,22 @@
13
13
  color: #999;
14
14
  }
15
15
  }
16
+
17
+ .tmagic-table-sub-actions {
18
+ display: flex;
19
+ flex-direction: column;
20
+ gap: 4px;
21
+ align-items: flex-start;
22
+
23
+ .sub-action-btn {
24
+ width: 100%;
25
+ }
26
+
27
+ .tmagic-design-button + .tmagic-design-button {
28
+ margin-left: 0;
29
+ }
30
+
31
+ .tmagic-design-button {
32
+ justify-content: flex-start;
33
+ }
34
+ }